Archief - CSS: Mouse over vreemde lag

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
d

ducky hutty

Legacy Member
http://www.westernrevenge.com/portfolio/

Ik krijg een vreemd probleempje hier: Testen in firefox werkt perfect, maar bij het testen in IE krijg je de eerste keer dat je de pagina bezoekt ... een soort 'lag' bij de mouseover. Maar wanneer ik op een link druk, en back druk, dan gaat alles zoals het zou moeten zijn.

Kan iemand mij helpen? Ik heb al wat hulp gekregen via irc, maar nog niets heeft het probleem opgelost.

ps: Ik heb nog klein randprobleempje in Firefox, als je op een image drukt komt er zo'n stippeltjeskadertje rond, kan ik dat op de een of andere manier afzetten?
R

Rombo

Legacy Member
die stippellijntjes als ge klikt op de image komt waarschijnlijk door de < a > tag die errond zit. bekijk uwe css file eens wa er staat bij a:hover ofzo

wa ge ook kunt proberen
img { border: 0px; }
img:hover { border: 0px; }
dit indien het nie aan uwe < a > tag ligt

van lag merkte ik eigenlijk nieveel toen ik de pagina opende
d

ducky hutty

Legacy Member
Ik ben infeite de enigste van de +/- 10 mensen die het al getest hebben die er last van had, maar de bedoeling van een portfolio is natuurlijk een goede indruk proberen maken, en als het net zo'n lag geeft bij die éne persoon waar je indruk op wilt maken ;) ...

De images zijn ingesteld als een achtergrond van een div, dus ik veronderstel dat het niet aan de '<a>' tags kan liggen. Ook het 'border: 0px;' dingetje doet het niet.
D

DarkBone

Legacy Member
Hier werkt het ook vlot in Camino (gebruikt zelfde Gecko rendering engine als Firefox).
Ik meen dat ik vroeger ook al eens dat probleem gehad heb op mijn Windows machine, kon toen ook niet achterhalen aan wat het lag.
Z

Zero Grav

Legacy Member
Mja, niet dat em er veel aan heeft maar 'k had em al op irc gezegd da'k er ooit eens een artikel over heb gelezen op een weblog.. Zijn probleem komt dus weldegelijk voor.. Hopelijk schiet er nu bij iemand iets te binnen want ik kan het artikel ni terugvinden :s

IE Flicker: If you’re seeing a flicker of the images when hovering over the tabs in IE/Win, check the cache settings for temporary files (Tools > Internet Options > General tab > Settings button). You may have changed the setting from the default to make sure you’re seeing the newest version on every page refresh. IE/Win has trouble holding a background image steady on anchors if you’ve specified “Every visit to the page” for temporary files. The default setting is “Automatically”, which allows the browser to instantly retrieve the image from cache, preventing any flicker. Most users never change tis setting; most likely, they don’t even know it exists.
Klik om te vergroten...


Bron: http://www.alistapart.com/articles/slidingdoors2/

Never underestimate the power of a searchfunction. :-)
Nuja, denk ni da het dit is da'k bedoelde maar 't geeft toch al een goeie uitleg over het probleem imo.


Op uw firefox probleem zou'k ni op een oplossing hopen.. Denk dat dit nu eenmaal een standaard activelinkaanduiding is van firefox en zorgt enkel voor meer duidelijkheid. (k Vind dat zelf persoonlijk handig in ie omdat ik op die manier kan zien welke pagina ik net bezocht heb..)

kom kom, 3 edits kunnen geen kwaad. :|
Probeer.. Maar ik garandeer u niets.. a:active { border: 0px; text-decoration: none; } in uw css te smijten en kruis uw vingers.
k

killgore

Legacy Member
client-side bij mijn weten, mssch ligt et aan de cache.

en zomaar wr space wasten aan een portfolio, tsssk :p
d

ducky hutty

Legacy Member
Aha het ie probleem is weg, nu nog es zoeken naar het firefox probleem, duizend maal dank zero grav, na een dag frustratie eindelijk goed nieuws.

En killgore, wrspace is er om (mis)bruikt te worden hé ;)
Z

Zero Grav

Legacy Member
Geef dan maar een deel aan mij samen met een mysql Db *bounce* ^^
O

Obliv`

Legacy Member
mss kwam het flikkeren van id img's door het niet preloaden ervan?
ik zie wel dat je het nu doet, maar mss deed je het ervoor niet :)
D

DarkBone

Legacy Member
In FireFox (of iedere andere browser die op de Gecko engine werkt) haal je die dotted focus ring als volgt weg door de volgende preference te zetten::

user_pref("browser.display.focus_ring_width", 0);

Je kunt dit lijntje toevoegen in je user.js bestand in je profile directory van FireFox (als dat bestand nog niet bestaat dien je dit aan te maken, is een simpel tekstbestand).

Maar de makkelijkste manier is om in je adresbalk about:config in te typen, en dan in het zoekveld 'focus_ring_width' in te typen. Vervolgens gewoon op 0 zetten door te dubbelklikken op de eigenschap.

Eh voila ;)
't Is dus wel nie iets dat je voor al je bezoekers kunt afzetten, zoiets bepaalt de gebruiker zelf.
Z

Zero Grav

Legacy Member
'k Heb net je code even geopend and I must say..
Een site die gemaakt is in divs moet nog steeds toegankelijk zijn zonder stylesheet, dan moet je een gestructureerde, niet opgemaakte layout verkrijgen..

Op dit moment heb je als links <a href=""#"></a> staan die door uw css wordt opgemaakt.. Mja, wat zal er gebeuren zonder css? Je krijgt geen links of links die geen tekst bevatten.. pretty fucked up dus.

Oplossing:
<a href="#"><span>linkdoel</span></a>

a span { display: none; }

Je moet je site altijd checken zonder stylesheet. ;-)


Edit:
http://www.delorie.com/web/lynxview.html Ook redelijk belangrijk ^^
d

ducky hutty

Legacy Member
Voila, je kan de pagina nu ook bezoeken zonder css :) Bedankt voor de tip!
L

Lashknife

Legacy Member
die stippellijn kader is een focus ding en da's in IE ook zo.

je zou dit ook kunnen fixen met een onclick="blur()" maar kheb niet getest of ge dan al wegvliegt voor de link uitgevoerd wordt :D
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan