Archief - CSS: list 100% breedte

Incinnerator · 22 jun 2006

Yu allemaal

ben begonnen aan een website en had graag met div's gewerkt ipv met tables om het goed te doen

om het menu te maken heb ik een list gemaakt en heb ik de listitems horizontaal naast elkaar geplaatst.

Ik wou weten hoe je nu die lijst een bepaalde breedte geeft zodat hij even breed is als mijn header?

dit is mijn css bestand

HTML:

div.float {
float:left;
width:756px;
}

body
{
 margin:0px;
 padding:0px;
}

#menu-principal {
      width:756px;
      height:30px;
      clear:both;
	  text-align:center
}

#menu-principal ul {text-align:center; float:left; display:block; margin:0; padding:0;}
#menu-principal ul li {float:left; display:block;}
#menu-principal ul li a {
		border:solid;
		border-width:thin;
      font:bold 12px Verdana, Arial, Helvetica, sans-serif;
      color:#226F8D;
      display:block;
      width: auto;
      padding:4px;
      text-transform: capitalize;
      border-top:3px solid #226F8D;
	  text-decoration:none;
}
#menu-principal ul li a:hover {
text-decoration:underline;
}

en dit het body gedeelte van de html pagina

HTML:

<body>
<div class="float">
<img src="deel 2.PNG" alt="image" />
</div>
<div id="menu-principal">
<ul>
<li><a href="nieuws" title="Algemeen nieuws en nieuws per afdeling">Nieuws</a></li>
<li><a href="kalender" title="Activiteiten per maand">Kalender</a></li>
<li><a href="flits" title="De flits">Flits</a></li>
<li><a href="foto" title="Foto's van activiteiten">Foto</a></li>
<li><a href="info" title="Informatie">Info</a></li>
<li><a href="leiding" title="De leidingsploeg">Leiding</a></li>
<li><a href="afdelingen" title="De verschillende afdelingen">Afdelingen</a></li>
<li><a href="sponsers/" title="Sponsers">Sponsers</a></li>
<li><a href="links" title="Links">Links</a></li>
</ul>
</div>
</body>

Indien mensen nog goeie sites hebben omtrent deze materie, zou enorm handig zijn. Thx

greetz
Incinnerator

Archief - CSS: list 100% breedte

Incinnerator

Legacy Member