[XHTML/CSS]Verspringende plaatjes bij hover

[cyberstalker]

username: got:
password: 92319450

Om mij nog onbekende redenen heb ik last van verspringende plaatjes wanneer ik er over hover.

De XHTML structuur is als volgt:

HTML:

<ul id="imagebuttons">
    <li>
        <a><img src="images/buttons/fotoboek.gif" alt="Fotoboek" /></a>
        <div>
            tekst hier
        </div>
    </li>
        <li>
        <a><img src="images/buttons/layout.gif" alt="Layout" /></a>
        <div>
            tekst hier
        </div>
    </li>
</ul>

De bijbehorende CSS:

Cascading Stylesheet:

ul, li
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

li
{
    display: inline;
}

ul#imagebuttons li div
{
    display: none;
}

ul#imagebuttons li a:hover + div
{
    display: block;
}

ul#imagebuttons li div
{
    position: absolute;
}

Zoals je hier ziet, wordt hier bij een hover op de plaatjes een box getoond, die absoluut gepositioneerd is (en dus geen invloed op de flow mag hebben). Tóch verspringen hier de plaatjes.

Een voorbeeld van dit probleem in het wild kun je vinden door te surfen naar http://martijntje.xs4all.nl/CMS/admin/login.php

Je kunt daar inloggen als got met wachtwoord 92319450

[Verwijderd]

Ik krijg een download scherm, als ik op je link klik...

[cyberstalker]

Verwijderd schreef op dinsdag 01 augustus 2006 @ 08:29:
Ik krijg een download scherm, als ik op je link klik...

Dan gebruik jij vast en zeker IE, die ondersteunt geen XHTML.

[Verwijderd]

Dat klopt

Als ik het in FF bekijk zie ik niks verspringen, maar de plaatjes knipperen als een gek als ik met mijn muis erover ga en de tekst ook.

Gebruik je nog meer hover of onmouseover?

[cyberstalker]

Verwijderd schreef op dinsdag 01 augustus 2006 @ 11:26:
Dat klopt

Als ik het in FF bekijk zie ik niks verspringen, maar de plaatjes knipperen als een gek als ik met mijn muis erover ga en de tekst ook.

Gebruik je nog meer hover of onmouseover?

Die knipperende plaatjes is een javascript dingetje inderdaad . Ik heb het al geprobeerd met die functie uitgeschakelt, maar dan blijft het probleem. Het lijkt dus ergens anders te zitten. Als je javascript uitschakeld, is het probleem niet opgelost.

Ik begrijp niet helemaal wat je bedoelt met knipperende tekst, dat zou niet moeten gebeuren i.i.g.

Over dat verspringen, als ik de pagina vernieuw door in de locatiebalk op het adres te klikken en op enter te drukken, komen de plaatjes dichter bij elkaar te staan dan wanneer ik <Ctrl>+<R> doe. Als ze dicht bij elkaar staan, springen ze uit elkaar als je hovert met de muis.

[ Voor 21% gewijzigd door cyberstalker op 01-08-2006 11:40 ]

[cyberstalker]

minischopje