buitermark
Nieuwe gebruiker
- Lid geworden
- 19 jan 2009
- Berichten
- 2
Ik heb de volgende html code (gegenereerd door cmsms)
en dit is de CSS
De opbouw van het menu zelf bevalt me wel, hij moet alleen HORIZONTAAL komen, ik heb al van alles geprobeerd, maar krijg het maar niet voor elkaar.
In de bijlage zie je hoe het er nu uit ziet.
Wie kan me hierbij helpen ?
(ben een beginner op css gebied, maar dat zal wel blijken uit de stylesheet)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
</head>
<link rel="stylesheet" type="text/css" href="./stylesheet.css" /
<body>
<!-- start menu -->
<div id="menu">
<ul>
<li>
<a href="<domein>/index.php?page=beton"><dfn>2:</dfn> Projecten</a>
<ul>
<li><a href="<domein>/index.php?page=woningen"><dfn>2.1:</dfn> Woningen</a></li>
<li><a href="<domein>/index.php?page=bedrijfsgebouwen"><dfn>2.2:</dfn>Bedrijfsgebouwen</a></li>
<li><a href="<domein>/index.php?page=kantoorgebouwen"><dfn>2.3:</dfn>Kantoorgebouwen</a></li>
</ul>
</li>
<li>
<a href="<domein>/index.php?page=hout"><dfn>3:</dfn> Diensten</a>
<ul>
<li><a href="<domein>/index.php?page=nieuwbouw"><dfn>3.1:</dfn> Nieuwbouw</a></li>
<li><a href="<domein>/index.php?page=verbouw"><dfn>3.3:</dfn> Verbouw</a></li>
<li><a href="<domein>/index.php?page=restauratie"><dfn>3.4:</dfn>Restauratie</a></li>
</ul>
</li>
<li>
<a href="<domein>/index.php?page=staal"><dfn>4:</dfn> Buro</a>
<ul>
<li><a href="<domein>/index.php?page=profiel"><dfn>4.1:</dfn> Profiel</a></li>
<li><a href="<domein>/index.php?page=contact"><dfn>4.2:</dfn> Contact</a></li>
<li><a href="<domein>/index.php?page=route"><dfn>4.3:</dfn> Route</a></li>
</ul>
</li>
</ul>
</div>
<!-- eind menu -->
</body>
</html>en dit is de CSS
Code:
/* menu */
#menu h3 { font-size: 10px;
list-style-type: none;
padding: 0px;
margin: 0px;
list-style-type: none;
text-decoration: none;
font-family: Verdana;
font-weight: normal;
}
#menu {
vertical-align: top;
cellspacing: 5px;
width: 25%;
padding: 0px;
margin: 0px;
}
#menu ul { padding-left: 5px;
border-left: 1px solid rgb(197, 197, 197);
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
margin-left: 0px;
height: 95%;
}
#menu ul ul { padding-left: 3px;
border: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#menu ul ul li, .menu ul ul li h3 { font-size: 10px;
list-style-type: none;
list-style-image: none;
padding: 0px;
margin: 0px;
line-height: 11px;
font-family: Verdana;
font-weight: normal;
}
#menu ul ul li h3 {font-weight: bold;}
#menu ul li { color: #0099cc;
font-size: 16px;
font-family: arial;
font-weight: bold;
list-style-type: none;
list-style-image: none;
padding-left: 0px;
margin-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
#menu a {list-style-type: none;
color: rgb(129, 137, 150);
text-decoration: none;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
#menu a:hover {color: #0099cc;}
a.activeparent {
color: #3099cc;
}
#ul ul li a.activeparent {
font-weight: bold;
color: #2d4067;
}
#menu li {
margin: 0px;
padding: 0px;
}
#menu dfn {display: none;}
/* einde van menu */De opbouw van het menu zelf bevalt me wel, hij moet alleen HORIZONTAAL komen, ik heb al van alles geprobeerd, maar krijg het maar niet voor elkaar.
In de bijlage zie je hoe het er nu uit ziet.
Wie kan me hierbij helpen ?
(ben een beginner op css gebied, maar dat zal wel blijken uit de stylesheet)
