[HTML/CSS] bij a:hover, image iets lager

[xehbit]

EDIT: Probleem opgelost, met dank aan Bosmonster
Dragon707 in "\[HTML/CSS] bij a:hover, image iets lager"

Hallo,

Ik heb echt een heel vreemd probleem! ik ben bezig met mijn layout te slicen. Maar stuit ineens op een zeer vervelend probleem.

In de header (het blok bovenaan, aan de rechterkant) heeft 2 a:hover's maar als je met de muis er over heen gaat zie je de afbeelding een heel klein stukje naar beneden gaan. Dat doet zich alleen voort in FireFox maar in Internet Explorer werkt het wel naar behoren.

Hier de link van het probleem: http://image.kevinvdburgt...LATE_001_HEADER_PROBLEEM/

[ Voor 16% gewijzigd door xehbit op 01-06-2010 00:11 ]

[RobIII]

En wat heb je zelf al geprobeerd, gezocht, gevonden? Heb je überhaupt al de moeite genomen te onderzoeken in welk deel van je CSS het probleem zit? Ik zie overigens je beschreven probleem niet in Fx 3.6 maar het klinkt me als een margin/padding/border die verschilt in "normaal" t.o.v. hover.

Bij deze het vriendelijke verzoek voortaan onze Quickstart te hanteren als (en voordat) je een topic opent.

[ Voor 57% gewijzigd door RobIII op 31-05-2010 20:35 ]

[Mexel]

HIer in de laatse versie van FF geen probleem gezien, ook niet in Chrome en IE.

[MAX3400]

Geen idee "wat" er moet verschuiven maar in FF 3.6.3 geen enkel probleem...

[Ook al Bezet]

Ook in Opera lijkt alles goed te gaan.

[JohnGalt]

I.E. 6.0. op werk. Geen probleem.

[RobIII]

^^ Goed; laat daarmee duidelijk zijn dat het dus waarschijnlijk bij TS ligt. Om hier nu voor elke verschillende browser een melding te gaan doen of het werkt of niet is natuurlijk niet echt de bedoeling.

[Matis]

Ik zie in de broncode dat je gebruik maakt van sprites.

Nu is dat niet heel vreemd, maar misschien cachet je browser de (te grote) sprite nog, waardoor het alleen bij jou verspringt en bij de rest (verse cache) niet.

Probeer anders een een refresh (ctrl+f5), misschien dat dat werkt.

[xehbit]

RobIII schreef op maandag 31 mei 2010 @ 20:24:
En wat heb je zelf al geprobeerd, gezocht, gevonden? Heb je überhaupt al de moeite genomen te onderzoeken in welk deel van je CSS het probleem zit? Ik zie overigens je beschreven probleem niet in Fx 3.6 maar het klinkt me als een margin/padding/border die verschilt in "normaal" t.o.v. hover.

Bij deze het vriendelijke verzoek voortaan onze Quickstart te hanteren als (en voordat) je een topic opent.

Jazeker, ik heb een aantal keer de hele CSS + HTML sheet gelezen, het door de validator heen gehaald, gegoogeld en op dit forum de zoek optie gebruikt. Dat is alles wat ik tot nu toe heb gedaan.

Matis schreef op maandag 31 mei 2010 @ 21:16:
Ik zie in de broncode dat je gebruik maakt van sprites.

Nu is dat niet heel vreemd, maar misschien cachet je browser de (te grote) sprite nog, waardoor het alleen bij jou verspringt en bij de rest (verse cache) niet.

Probeer anders een een refresh (ctrl+f5), misschien dat dat werkt.

Al aantal keer refresh gedaan en geen effect.


Hier heb ik een screenshot van het probleem:


Misschien dat het nu wat duidelijker is met die screenshot erbij.

[Wiethoofd]

Dragon707 schreef op maandag 31 mei 2010 @ 23:56:
Hier heb ik een screenshot van het probleem:
[afbeelding]

Misschien dat het nu wat duidelijker is met die screenshot erbij.

Dan komen de onderste en bovenste afbeelding in de sprite niet perfect overeen... Hier in FF en IE ook alleen pas na inzoomen last van het probleem, zoals Bosmonster zegt.

[ Voor 10% gewijzigd door Wiethoofd op 01-06-2010 00:03 ]

[Bosmonster]

Heb je Firefox niet toevallig 1% ingezoomd staan ofzo? Reset je zoom-instellingen eens.

Heb hier namelijk ook nergens last van, ook niet in Firefox.

[ Voor 26% gewijzigd door Bosmonster op 01-06-2010 00:02 ]

[xehbit]

Bosmonster schreef op dinsdag 01 juni 2010 @ 00:02:
Heb je Firefox niet toevallig 1% ingezoomd staan ofzo? Reset je zoom-instellingen eens.

Heb hier namelijk ook nergens last van, ook niet in Firefox.

JA! dat was het probleem. ik zat op het volgende zoom niveau 102% Heel erg bedankt! ik werd al helemaal gek, wat kon niets inde stylesheet vinden.

[Bosmonster]

Je bent niet de eerste, heeft me ook al eens een paar uur gekost Werd toen ook helemaal gek, zelfs Firefox opnieuw geinstalleerd etc.

Tis een raar bugje dat ie soms niet terug reset naar 100% en dat geeft hele rare bijwerkingen...

Maar goed, dat vergeet je vervolgens nooit meer

[ Voor 10% gewijzigd door Bosmonster op 01-06-2010 08:52 ]

[xehbit]

Bosmonster schreef op dinsdag 01 juni 2010 @ 08:51:
Je bent niet de eerste, heeft me ook al eens een paar uur gekost Werd toen ook helemaal gek, zelfs Firefox opnieuw geinstalleerd etc.

Tis een raar bugje dat ie soms niet terug reset naar 100% en dat geeft hele rare bijwerkingen...

Maar goed, dat vergeet je vervolgens nooit meer

Inderdaad ja! gaat ik in vervolg het eerste controleren of het op 100% staat

Ik had hier ook echt nooit aan gedacht, Verklaart een hoop waarom ik niets op google kon vinden dus