Css layout

Oke dat is gelukt:)

maar nu heb ik nog dit:

h5 {
background-image: url(link.GIF);
border-top: 1px solid #FFFFFF;
margin: 0px;
padding: 0px;
font-weight: normal;
BODY {font-family: Helvetica;
height: 10px;
color: #FFFFFF;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 5px;
a {color: black}
a:visited {color: black}
a:active {color: black; font-weight: bold}
a:hover {background-color: lightgrey}
}

Dan vooral dit
a {color: black}
a:visited {color: black}
a:active {color: black; font-weight: bold}
a:hover {background-color: lightgrey}

EDIT:
Die haakjes hoe moet ik die hier doen, gewoon weghalen?

Je moet even goed begrijpen hoe css werkt:

Een <a> en een <h5> zijn verschillende elementen. Je kunt dus niet zomaar allemaal regels voor een <a> binnenin de regels voor een <h5> zetten.

Ook die moet je dus gescheiden houden.

Dan vooral dit
a {color: black}
a:visited {color: black}
a:active {color: black; font-weight: bold}
a:hover {background-color: lightgrey}

Die haakjes hoe haal ik die hier doen, gewoon weghalen?

Wat probeer je ons hier te vertellen of te vragen? Ik snap het in elk geval niet.

Oke wacht ik stel het anders.

Ik wil mijn links zwart hebben dus niet blauw als normaal. Het liefst ook zonder zon streepje eronder. Hoe doe ik dat?

Zo, apart dus van h5.

a:link, a:visited {
color: black;
text-decoration: none;
}
a:hover, a:active {
color: blue;
text-decoration: underline;
}
[edit]
Ik raad je dit trouwens alleen aan voor menu's en dergelijke. In een gewone tekst is het veel duidelijker om een link wel te onderstrepen, of in ieder geval ervoor te zorgen dat hij duidelijk herkenbaar is als hyperlink.
[/edit]

Moet het er zo uit komen te zien?

Dan kan ik wel (stapje voor stapje) uitleggen hoe ik het heb gedaan, zodat het jouw ook lukt en dat je het zelf ook weet.

ja zo moet het(woooh je hebt het helemaal aangepast zie ik;), kom alsjeblieft maar op met die uitleg:D

EDIT:

Hij werkt niet in IE:S

edit1:

Idd, hij werkt niet in IE :)
Zoals hierboven ook al wel eens is gezecht, dat is van latere zorg.

Er zullen vast wel wat dingetjes zijn die nog iets efficiënter kunnen, dan kan je beter bij Jan zijn.

edit2:

Moet ik nog doorgaan of stoppen (omdat het in IE nog niet werkt?

Het gaat eigenlijk om de CSS, maar ik heb toch wat dingetjes in de HTML veranderd. (toen ik toch bezig was)

Ik heb eerst je menu omgezet naar <ul> en <li> een menu maak je normaal geproken niet met <h6> en <h5>. We veranderen dus:

<h5>
<a href="link1">
LINK
</a>
</h5>
<h6>
<a href="link2">
Link
</a>
</h6>
<h6>
<a href="link3">
Link
</a>
</h6>
<h6>
<a href="link4">
Link
</a>
</h6>
<h6>
<a href="link5">
Link
</a>
</h6>
<h5>
<a href="link6">
LINK
</a>
</h5>
<h6>
<a href="link7">
Link
</a>
</h6>
<h6>
<a href="link8">
Link
</a>
</h6>
<h6>
<a href="link9">
Link
</a>
</h6>
<h6>
<a href="link10">
Link
</a>
</h6>
<h5>
<a href="link6">
LINK
</a>
</h5>
<h6>
<a href="link7">
Link
</a>
</h6>
<h6>
<a href="link8">
Link
</a>
</h6>
<h6>
<a href="link9">
Link
</a>
</h6>
<h6>
<a href="link10">
Link
</a>
</h6>
<h5>
<a href="link6">
LINK
</a>
</h5>
<h6>
<a href="link7">
Link
</a>
</h6>
<h6>
<a href="link8">
Link
</a>
</h6>
<h6>
<a href="link9">
Link
</a>
</h6>
<h6>
<a href="link10">
Link
</a>
</h6>

in:

<ul>
	<li class="eerste">&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>

	<li class="eerste">&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>

	<li class="eerste">&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>

	<li class="eerste">&nbsp;<a href="link">Link</a></li>

	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
	<li>&nbsp;<a href="link">Link</a></li>
</ul>

De Class die er is toegevoegd is om de eerste link een andere kleur te geven.
Bij de bovenstaande code hoort de volgende css:

/* Menu */
	.menu {
		border: 1px solid #393939;
		position: absolute;
		margin-left: 20px;
		margin-top: 20px;
		width: 200px;
		background-color: #c0c0c0;
		padding: 0px;
		float: left;
	}
	.menu h2 {
		text-align: center;
	}
	.menu ul {
		padding: 0;
		margin-left: 0;
		list-style : none;
	}
	.menu li {
		margin-left: 0;
		border-bottom: 1px solid #ffffff;
	}
	.eerste {
		border-top: 1px solid #ffffff;
		background: #808080;
	}

	.menu a {
		font-weight: bold;
	}
	.menu a:link {
		color: #000000;
		text-decoration: none;
	}
	.menu a:visited {
		color: #000000
	}
	
	.menu a:active, a:hover {
		color: #000000;
		background-color: #d3d3d3;
	}
/* Menu -eind */

Nu hebben we het menu wat aangepast.

Oh dankjewel:D en dat menu heb ik trouwens ook op goeie plek gekregen bij IE door middel van:

margin-left: 20px;
margin-top: 20px;

naar left: 20px;
top: 20px;

Waarom moet je eigenlijk eerst zorgen dat hij in FF werkt en daarna pas zorgen dat hij in IE werkt? IE word toch meer gebruikt dacht ik?

FF is valid HTML IE niet.

De rest waren gewon allemaaal kleine weizigingen, lees het goed door, zorg er voor dat jed oorziet wat je fout deed.
CSS
HTML (Zelf even bron opzoeken ;))