Opmaak m.b.v. <div> waar gaat het fout??

Status
Niet open voor verdere reacties.
C

cootjel

Gebruiker
Lid geworden
31 jan 2007
Berichten
10
Ik heb alles opgemaakt via div's maar de onderdelen blijven onder elkaar staan i.pv. op elkaar
terwijl ik toch gebruik maak van een container div , ook heb ik het geprobeerd met layers (z-index)
Waar gaat het fout ?


CSS:

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

body {
background-color: #dee2e7;
margin-top: 50px;
}

#container {
width: 812px;
height: 613px;
margin-right: auto;
margin-left: auto;

}

a:link, a:visited, {
color: #FFFFFF;
text-decoration: none;
}a:hover, a:active, {
color: #003151;
text-decoration: none;
}


#container #bodyWebsite{
width: 812px;
height: 613px;
z-index: 1;
}
#container #fotoTop{
width: 640px;
height: 146px;
padding-left: 9px;
padding-top: 9px;
background-position: center;
background-repeat: no-repeat;
z-index: 2;

}

#container #logo{
margin-top: 70px;
margin-left: 620px;
font-family: "Gill Sans MT";
font-size: 50px;
letter-spacing: 7px;
color: #e29234;
font: 300 Arial Unicode MS;
z-index: 3;
}


#container #menuWebsite{
float: left;
width: 150px;
height: 467px;
font-size: 15px;
font-family: "Trebuchet MS";
font-weight: bold;
letter-spacing: 1px;
color: #ffffff;
text-align: right;
}

#container #menuWebsite #navigatie li {
list-style-type: none;
padding-top: 20px;
}



#container #content{
width: 400px;
height: 467px;
padding-right: 50px;
padding-left: 50px;
}


#container #content h1{
font-family: Trebuchet MS;
font-size: 15px;
font-weight: bold;
letter-spacing: 1pt;
color: #6f3014;
line-height: 40px;

}

#container #content p{
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
letter-spacing: 1pt;
color: #6f3014;
text-align: left;
line-height: 20px;
}

#container #content #link{
color:#e29234;
}



HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Organisatieadvies</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="Content" content="">
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="robots" content="index,follow">

<link href="boa.css" rel="stylesheet" type="text/css" />

</head>

<body>
<DIV ID="container">
<DIV ID="bodyWebsite"><img src="img/body_sjabloon.gif"></DIV>
<DIV ID="fotoTop"><img src="img/boa.jpg"></DIV>
<DIV ID="logo">B O A</DIV>

<DIV ID="menuWebsite">
<ul ID="navigatie">
<li><a href="">home</a><br></li>
<li><a href="">produkten</a></li>
<li><a href="">opdrachten</a></li>
<li><a href="">klanten</a></li>
<li><a href="">mens(en)</a></li>
<li><a href="">aanpak</a></li>
<li><a href="">contact</a></li></ul></DIV>

<DIV ID="content">
<H1>Houdt u ook zo van duidelijke taal?</H1>
<P>Inzet kan in de rol van <span ID="link"><A href="http://www.google.nl">adviseur</a></span>, <span ID="link"><A href="http://www.google.nl">projectmanager</a></span> of <span ID="link"><A href="http://www.google.nl">interim-manager</a></span>. BOA staat voor een betrokken en professionele stijl van werken. Resultaat en uitvoerbaarheid in de organisatie zijn de kapstok voor de activiteiten. De aanpak is pragmatisch en no nonsens.</P></DIV>


</DIV>

</body>
</html>
 
Laatst bewerkt:
postion absolute werkt goed !!
nu zit ik met het volgende probleem in mijn html heb ik 2 verschillende kleur voor de linken in het menu en in de content ik krijg ze niet allebei aan de praat wat gaat er fout in mijn css zet ik :


#container #menuWebsite a:link, a:visited {
color: #FFFFFF;
}

#container #menuWebsite a:hover, a:active {
color: #003151;
text-decoration: none;
}

#container #content a:link, a:visited, a:hover, a:active { color: #e86a10;
text-decoration: none;

}


en de de html:


<body>
<DIV ID="container">
<DIV ID="bodyWebsite"><img src="img/body_sjabloon.gif"></DIV>
<DIV ID="fotoTop"><img src="img/boa.jpg"></DIV>
<DIV ID="logo">B O A</DIV>

<DIV ID="menuWebsite">
<ul ID="navigatie">
<li><a href="http://www.google.nl">home</a><br></li>
<li><a href="http://www.google.nl">produkten</a></li>
<li><a href="">opdrachten</a></li>
<li><a href="">klanten</a></li>
<li><a href="">mens(en)</a></li>
<li><a href="">aanpak</a></li>
<li><a href="">contact</a></li></ul></DIV>

<DIV ID="content">
<H1>Houdt u ook zo van duidelijke taal?</H1>
<P>Inzet kan in de rol van <A href="http://www.google.nl">adviseur</a>, <A href="http://www.google.nl">projectmanager</a> of <A href="http://www.google.nl">interim-manager</a>. De aanpak is pragmatisch .</P></DIV>


</DIV>

</body>

maar de a:link in menuWebsite moet wit zijn maar is oranje (als in content)
waar gaat dit fout??
 
Uit m'n hoofd :

hover:
link:

Maar standaard wordt dit doorgaans al via de server geregeld.

Anders even googlen op "hover+link+css".
 
het is de volgorde :
dit is de juiste:
a:link, a:visited, a:hover, a:active
nu werkt het voor ie maar nog niet voor firefox
wie biedt?
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan