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

[css] menu zonder tuuse ruimte

Door Raymond --- op 22-04-2006 19:53
319 views
Ik heb een menu gemaakt, bekijk hier. In FF ziet hij er verder goed uit, maar in IE zie je steeds wat ruimte er tussen, hoet kan ik dit oplossen? Ik heb al wat geprobeerd met margin. (als je m'n HTML of CSS nodig hebt hoor ik het wel)

Edit:
Typo in de titel :(
K
Kalle P
22-04-2006 20:32
Zoek eens op css menu google, dan zie je hoe het moet.
H
Harmen
22-04-2006 20:33
Post uw script eens x)
K
Kalle P
22-04-2006 20:39
HTML:

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>


CSS:

#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 0px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
p
poiet
22-04-2006 20:45
Ik heb precies hetzelfde probleem! Weet iemand waardoor het komt :S?
p
poiet
22-04-2006 20:46
Ik heb precies hetzelfde probleem! Weet iemand waardoor het komt :S?
K
Kalle P
22-04-2006 20:47
zet eens bovenaan je css.
*{
padding: 0px;
margin: 0px;
}
R
Raymond ---
23-04-2006 10:09
Mijn menu css:

* {  //deze had ik al, maakt niks uit
		margin: 0px;
		padding: 0px;
}
ul#menu {
		list-style: none;
		width: 150px;
		padding-left: 0px;
		margin-left: 0px;
	

	}
	ul#menu li {
		margin-top: none;
		text-decoration: none;
		
	}
	ul#menu li a {
		color: #000000;
		border: #000000 solid 0px;
		background: #FFCC33;
		display: block;
		height: 100%;
		width: 100%;
		text-decoration: none;
		font-weight: bold;
		font: 12px verdana;

	}
	ul#menu li a:hover {
		background: #66CC00;
		color: 000000;
		border: #000000 solid 0px;
		display: block;
		text-decoration: none;
		font-weight: bold;
	}

Mijn bijbehorende html:

<ul id="menu">
			<LI><A HREF="index.php">&nbsp;Home</A></LI>
			<LI><A HREF="nieuws.php">&nbsp;Nieuws &#38; Verslagen</A></LI>
			<LI><A HREF="login.php">&nbsp;Teamleden pagina</A></LI>
			<LI><A HREF="contact.php">&nbsp;Contact</A></LI>
		</ul>


Of moet ik nog op een andere plek margin zetten?
R
Raymond ---
23-04-2006 10:27
Ik heb hier even een simpel menuutje gegenereerd en daarna naar mijn wensen aangepast, nu werkt het wel.

Reageren

Inloggen om te reageren