[CSS] Hover-probleem

13 sep 2005, 10:20

Ik heb een CSS-probleempje.

Het klassieke probleem: In IE is alles prima, in Gecko en Opera niet.

Ik heb het uit z'n geheel gehaald en online gezet op http://www.rmz.be/dev/ub/cssprobleem.htm .

Ik zou graag hebben dat het zich gedraagt zoals het zich gedraagt in IE. Wat moet ik aanpassen, want ik zie door de bomen het bos niet meer ...

ubremoved_983 · 13 sep 2005, 11:13

Geef eens vaste waarden mee ipv procentuele

13 sep 2005, 11:38

Done, geen verschil te zien.
Het gaat 'em vooral om het mouseover-effect, voor de slechte topic-titel-lezers (ik vermeld het niet goed in m'n startpost, ik weet het).

Stino · 13 sep 2005, 13:25

Als je van

Code: Selecteer alles

#nav A:hover {
   BORDER-RIGHT: #003366 10px solid; PADDING-RIGHT: 0px; BORDER-TOP: #003366 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #003366 1px solid; COLOR: #990000; PADDING-TOP: 0px; BORDER-BOTTOM: #003366 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; WIDTH: 167px; HEIGHT: 32px;
}

Dit maakt:

Code: Selecteer alles

#nav A:hover {
   BORDER-RIGHT: #003366 10px solid; PADDING-RIGHT: 0px; BORDER-TOP: #003366 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #003366 1px solid; COLOR: #990000; PADDING-TOP: 0px; BORDER-BOTTOM: #003366 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; WIDTH: 167px; HEIGHT: 32px;  position:absolute; 
}

kom je al iets dichterbij...

Stino

13 sep 2005, 13:49

Stino schreef:kom je al iets dichterbij...

Hey, inderdaad.

Alleen verdwijnt het volgende item onder datwelke je aanwijst. In IE reageert het vergelijkbaar, maar niet consequent ... Heel vreemd. Ik ga straks eens proberen IE 7 te installeren, kijken hoe het zich daar in gedraagt.
Ik vind m'n effectje anders toch niet zó spectaculair ... Als het me te lang niet lukt, dan ga ik over op Flash!

Stino · 13 sep 2005, 15:29

Kvind het vooral leuk omdat het zo gemakkelijk is met css te werken, tenzij je inderdaad zo'n schijnbaar onoplosbaar probleem tegenkomt. Geen rollover images meer, simpele css en het ziet er al een pak beter uit.
Vreemd dat het item onder hetgeen je aanduid verdwijnt eigenlijk :-)

.

airzimmy · 13 sep 2005, 19:59

meon schreef:
Stino schreef:kom je al iets dichterbij...

Hey, inderdaad.

Alleen verdwijnt het volgende item onder datwelke je aanwijst. In IE reageert het vergelijkbaar, maar niet consequent ... Heel vreemd. Ik ga straks eens proberen IE 7 te installeren, kijken hoe het zich daar in gedraagt.
Ik vind m'n effectje anders toch niet zó spectaculair ... Als het me te lang niet lukt, dan ga ik over op Flash! :P

allé joh, toch geen flash!!!
zo simpel mogelijk is altijd beter