Daag,

Ik moet voor de school een site maken over een uitwisselingsproject dat we gedaan hebben,

http://www.sintamandscollege.be/5ib/04/index.htm

Maar hoe zorg ik ervoor dat het menu uitgelijnd staat?

als ik via <div align="justify"> doe staat alle tekst links, en het liefst zou ik een oplossing willen in css anders moet ik weer alle pagina's aanpassen

alvast bedankt

Daarvoor gebruik je de volgende CSS:

text-align: justify;
Ook left, right en center zijn uiteraard mogelijke waarden van het text-align element.

Nee, ik uitlijnen gaat niet zo, dan staat het jusit hetzelfde als align left

volgens mij moet je het dan in een tabel met meerdere cellen verdelen
want ik kan nergens iets vinden met wat jij wil

Nee, ik uitlijnen gaat niet zo, dan staat het jusit hetzelfde als align left
Zet het eens in de code, want nu zie ik het niet :)

Houd er rekening mee dat het niet werkt met inline elementen (span, font, ...), wel alleen met elementen op blokniveau (div, p, ...).

de code:

<div id="menu">
<ul>
<li><a href="../home/index.htm" target="_parent">Home</a></li>
<li><a href="../wie/index.htm" target="_parent">Wie ben ik?</a></li>
<li><a href="../pool/index.htm" target="_parent">Mijn Pool</a></li>
<li><a href="../dagboek/index.htm" target="_parent">Dagboek</a></li>
<li><a href="../contact/index.htm" target="_parent">Contact</a></li>
<li><a href="../link/index.htm" target="_parent">Links</a></li>
</ul>
</div>

css:

#menu
{
margin: 0 auto;
height: 29px;
width: 640px;
background: #FFFFFF;
background-image:url(../img/contents.png);
padding: 10px 0;
text-align: center;
}
#menu ul
{
margin: 0 auto;
padding: 0px;
height: 29px;
}
#menu ul li
{
list-style: none;
display: inline;
}
#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
color: #000000;
padding: 13px 7px 15px 7px;
font-size: 1em;
font-family: 'lucida grande', arial, sans-serif;
font-weight: bold;
text-decoration: none;
}
#menu ul li a:hover
{
color: Blue;
}