anoniem Geplaatst: 4 juli 2004 Delen Geplaatst: 4 juli 2004 Ik ben bezig met een site (zie ook vorig topic van me) waarbij ik wil dat de achtergrond van een link veranderd als ik er met de muis overheen ga. Aangezien dat niet met 'li:hover' werkt (in IE althans), probeer ik het anders (ik ben nl. niet zo'n fan van JS). Ik heb het volgende in m'n CSS: [code:1:0234b04d9a]li a { padding: 10px; border: 1px solid green; background-color: blue; width: 130px; } li a:hover { border: 1px dotted blue; background-color: green; }[/code:1:0234b04d9a] Deze heb ik ingevoegd, maar met het resultaat dat het in een xhtml-document niet goed werd weergegeven, maakt niet uit of het transitional of strict is. Nu heb ik ook een pagina, zónder de xhtml in de DOCTYPE, en daar werkt het wel goed. Maar ik heb geen flauw benul waarom het zonder de DOCTYPE wél werkt, en met DOCYTPE niet. Iemand een ideetje? pagina zonder doctype: http://htb.ath.cx/oldeman/test_html.html pagina met docytype: http://htb.ath.cx/oldeman/test_xhtml.html opmaak: http://htb.ath.cx/oldeman/opmaak.css ps. In Mozilla maakt niet uit, daar zie je allebei zoals je het bij xhtml-doc ziet. Quote Link naar reactie
anoniem Geplaatst: 5 juli 2004 Auteur Delen Geplaatst: 5 juli 2004 Je ziet het verschil in IE omdat er verschil zit in 'quirks mode' en 'standards mode' en hun interpretatie van het css box-model. Zonder doctype wordt je document behandelt in quirks mode, en in IE dus met het verkeerde box-model. Met doctype krijg je standards mode, waarin het box-model wel juist wordt geinterpreteert. Ik denk trouwens dat je een display:block wilt toevoegen aan li a. Quote Link naar reactie
anoniem Geplaatst: 5 juli 2004 Auteur Delen Geplaatst: 5 juli 2004 Dank je, na het toevoegen van 'display:block' werkt het wel goed. Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen