PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
R

Menu in IE 7

Door Rein Appeldoorn op 16-12-2009 11:47
1.394 views
Hej,

Voor mij website heb ik een menu gemaakt, echter werkt deze niet goed in IE 7. Het submenu verspringt steeds naar rechts mij mouse over. In IE 8 en Firefox werkt het wel goed, iemand enig idee wat ik fout doe?

site: www.sparta-5.nl/test/index.php
John Cena
16-12-2009 12:00
Bij mijn firefox verspringt hij ook naar rechts.

Heb je wat code?
Bas IJzelendoorn
16-12-2009 12:11
Ik krijg geen source beschikbaar op je pagina
R
Rein Appeldoorn
16-12-2009 14:43
CSS:


div#menulinksback li:hover ul ul, div#menulinksback li li:hover ul ul { display:none;}
div#menulinksback li:hover ul, div#menulinksback li li:hover ul { display:block;}
#menulinksback ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 207px;
}
#menulinksback li {
	width: 179px;
	padding-left: 28px;
	height: 23px;
	padding-top: 9px;
	font-size: 10px;
	position: relative;
	margin-left: 0px;
}
#menulinksback li:hover {
	width: 175px;
	padding-left: 32px;
	height: 23px;
	padding-top: 9px;
	font-size: 10px;
	position: relative;
	margin-left: 0px;
}
#menulinksback ul ul {
	position: absolute;
	z-index: 500; 
	display: none;
	margin-top: -20px;
	margin-left: 170px;
	padding: 0px 0px 0px 0px;
}
#menulinksback li li {
	width:174px;
	padding-left: 10px;
	height:26px;
	padding-top: 10px;
	margin-top: -2px;
}
#menulinksback li li:hover {
	width:170px;
	padding-left: 14px;
	height:26px;
	padding-top: 10px;
	margin-top: -2px;
}
.knop {
	background-image:url(images/knop.png);
}
.knop:hover {
	background-image:url(images/knophover.png);
	
}


Voor de rest is het gewoon een list.
John Cena
16-12-2009 14:43
Ay, code tags!
R
Rein Appeldoorn
16-12-2009 14:45
sorry, had [php ] / [/php ] gebruikt.. werkte niet :p
Bas IJzelendoorn
16-12-2009 14:56
[homer simpson]

DOHHH!!

[/homer simpson]
John Cena
16-12-2009 15:03
nimtex schreef op 16.12.2009 14:56
[homer simpson]

DOHHH!!

[/homer simpson]


Ik weet niet zo goed wat je hier nou eigenlijk doet, maar het enige wat ik van jou zie is dat je mensen afzeikt of je post count op probeert te vijzelen.
Wat heeft de topic starter nou aan jou bericht? Hij is hier nieuw, laten we proberen om hem hier te houden, en hem uit te laten groeien tot een volwaardig lid van de community door hem te helpen, en niet, zoals al zoveel gebeurt, hem afzeiken zodat hij niet weer komt.

Het is hier een hulp forum, dus als iemand even iets niet weet, jammer, daar zijn wij voor.

Tot zover.

Rein:

Je hebt je hover anders als je gewone text, dus zou het nergens goed moeten gaan:


#menulinksback li:hover {
    width: 175px;
    padding-left: 32px;
}

#menulinksback li {
    width: 179px;
    padding-left: 28px;
}


Ik denk dat het daar in zit
Bas IJzelendoorn
16-12-2009 16:07
offtopic:

Chilion schreef op 16.12.2009 15:03
[quote='nimtex schreef op 16.12.2009 14:56'][homer simpson]

DOHHH!!

[/homer simpson]


Ik weet niet zo goed wat je hier nou eigenlijk doet, maar het enige wat ik van jou zie is dat je mensen afzeikt of je post count op probeert te vijzelen.
Wat heeft de topic starter nou aan jou bericht? Hij is hier nieuw, laten we proberen om hem hier te houden, en hem uit te laten groeien tot een volwaardig lid van de community door hem te helpen, en niet, zoals al zoveel gebeurt, hem afzeiken zodat hij niet weer komt.

Het is hier een hulp forum, dus als iemand even iets niet weet, jammer, daar zijn wij voor.

Tot zover.

[/quote]

zegt hij:

http://www.phphulp.nl/forum/showtopic.php?cat=10&id=69420&lasttopic=1
R
Rein Appeldoorn
17-12-2009 11:52

Rein:

Je hebt je hover anders als je gewone text, dus zou het nergens goed moeten gaan:


#menulinksback li:hover {
    width: 175px;
    padding-left: 32px;
}

#menulinksback li {
    width: 179px;
    padding-left: 28px;
}


Ik denk dat het daar in zit


Dit zorgt ervoor dat mijn tekst inspringt toch, dit heeft niks met het verplaatsen van de li te maken. Padding zit toch in de li zelf?

Reageren

Inloggen om te reageren