Menu hover probleem
Ik heb een probleem met mijn menu die te vinden is op http://www.tunder-design.nl/menu/
Bij mouseover gaat het deels goed en deels niet als je aan de linker 10 - 20px zit van een menu knop veranderd maar 1 achtergrond. Iemand een idee hoe ik dit fix?
Alvast bedankt
Bij mouseover gaat het deels goed en deels niet als je aan de linker 10 - 20px zit van een menu knop veranderd maar 1 achtergrond. Iemand een idee hoe ik dit fix?
Alvast bedankt
Gewijzigd op 16/11/2010 20:41:35 door Jos Verra
Gesponsorde koppelingen:
foutje!
Gewijzigd op 16/11/2010 21:26:44 door PHP Jasper
Waarom herhaal je mijn link?
was een foutje ->
http://validator.w3.org/check?uri=http://www.tunder-design.nl/menu/&charset=(detect+automatically)&doctype=Inline&group=0
http://validator.w3.org/check?uri=http://www.tunder-design.nl/menu/&charset=(detect+automatically)&doctype=Inline&group=0
Gewijzigd op 16/11/2010 21:05:26 door PHP Jasper
Het gaat daar helemaal nog niet om ik wil het eerst werkend krijgen en daarna W3C valid
Ja als je html niet valid is zal het waarschijnlijk ook niet gaan. maak eerst je htlm valid
Nou zo goed?
je hebt 1 afbeelding? knip die in stukken
Ow lol .. dat heet een css sprite. Als je het niet kent doe dan ook geen poging om te helpen.
ok ;)
Ik zie niks mis met het menu, hij doet gewoon hoe hij het moet doen met je HTML/CSS...
Wat me opvalt is dat je in plaats van een a een span gebruikt waarom?
En weet je waarom het menu niet naar jouwn wensen voldoet komt omdat je padding-left gebruikt in de LI, oftewel als je over die padding heen gaat met de muis ga je NIET over de span heen, dus de LI krijgt een hover mee en de span niet. Geef dus de span een padding: 0 20px; mee en GEEN padding op de LI...
De span moet even groot zijn als de LI.. Simpel :)
Wat me opvalt is dat je in plaats van een a een span gebruikt waarom?
En weet je waarom het menu niet naar jouwn wensen voldoet komt omdat je padding-left gebruikt in de LI, oftewel als je over die padding heen gaat met de muis ga je NIET over de span heen, dus de LI krijgt een hover mee en de span niet. Geef dus de span een padding: 0 20px; mee en GEEN padding op de LI...
De span moet even groot zijn als de LI.. Simpel :)
Het is een combinatie tussen de span en de padding-left;
Als ik een van beide weghaal werkt hij wel.
Als ik een van beide weghaal werkt hij wel.
Het is opgelost met behulp van het sliding doors idee op de site http://kailoon.com/css-sliding-door-using-only-1-image/ Ik gebruik nu een iets andere sprite dan eerst maar het werkt nu perfect
Op http://tunder-design.nl/menu werkt hij grotendeels alleen loop ik in IE7 tegen een bug aan dat hij de dropdown van het informatie gedeelte onder een andere knop gooit.
Iemand een idee hoe dit valt op te lossen?
Iemand een idee hoe dit valt op te lossen?
bij mij werkt het perfect in ie?
IE7 doet de dropdown raar
Toevoeging op 18/11/2010 11:41:26:
Hij hoort niet onder inschrijven te komen maar onder informatie vergelijk het resultaat maar eens bij Firefox of IE8
Toevoeging op 18/11/2010 11:41:26:
Hij hoort niet onder inschrijven te komen maar onder informatie vergelijk het resultaat maar eens bij Firefox of IE8
hihi oke heb ik ook last van op dit moment met www.gerhardlubbers.com de search knop blijft ook half zweven, maar weet niet precies waar dit in zit, iets met float of position denk ik
Toevoeging op 18/11/2010 11:54:13:
hihi oke heb ik ook last van op dit moment met www.gerhardlubbers.com de search knop blijft ook half zweven, maar weet niet precies waar dit in zit, iets met float of position denk ik
Toevoeging op 18/11/2010 11:54:13:
hihi oke heb ik ook last van op dit moment met www.gerhardlubbers.com de search knop blijft ook half zweven, maar weet niet precies waar dit in zit, iets met float of position denk ik
Umm oke? Dat helpt mij niet echt
op de UL van het submenu een float: none; en clear: both; zetten, dan zou het volgens mij goed zijn
YAY ! :D hij werkt nu alleen nog de margin fixen en ik heb eindelijk mijn eerste dynamische sprite menu met @font face!!
Toevoeging op 18/11/2010 13:57:57:
Als je nu in IE7 over het submenu gaat verdwijnt het woordje OUDERS iemand een idee wat hier misgaat?
Toevoeging op 18/11/2010 13:57:57:
Als je nu in IE7 over het submenu gaat verdwijnt het woordje OUDERS iemand een idee wat hier misgaat?
Het zit m in die spatie. Ik weet dat IE 7 moeite heeft met die spatie.
Heb je het al geprobeerd met een
Heb je het al geprobeerd met een



