ik ben voor school met een project bezig,
en 1 stom klein dingetje werkt nog niet,
ik heb namelijk een reeks buttons op mijn site,
en een tekst..
ik heb er een border omheen gezet, maar die past zich aan met de tekst
dus als de text 1 zinnetje is
word de border heel klein,
en staat de menubalk niet in de border maar steekt er een stuk onderuit...
ik weet niet waar ik het probleem moet oplossen,
in mijn CSS, of in mijn HTML bestand
MIJN HTML:
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<title>Project</title>
</head>
<body>
<div align="center" id="container">
<div align="center" class="header">
<img src="images/banner.jpg" width="850" height="200">
</div>
<div align="center" class="headmenu">this can be a menu</div>
<div class="content">
<br><br>
*Tekst*
</div>
<div class="leftnav">
<table border='0' cellspacing='0' cellpadding='0'>
<tr><td><a href="index.php"><img src="images/blauw/pressedhome.jpg"/></a></td></tr>
<tr><td><a href="evenementen.php"><img src="images/blauw/button2.jpg" onmouseover="this.src='images/blauw/mouseover2.jpg'" onmouseout="this.src='images/blauw/button2.jpg'"/></a></td></tr>
<tr><td><a href="verenigingen.php"><img src="images/blauw/button3.jpg" onmouseover="this.src='images/blauw/mouseover3.jpg'" onmouseout="this.src='images/blauw/button3.jpg'"/></a></td></tr>
<tr><td><a href="studenten.php"><img src="images/blauw/button4.jpg" onmouseover="this.src='images/blauw/mouseover4.jpg'" onmouseout="this.src='images/blauw/button4.jpg'"/></a></td></tr>
<tr><td><a href="beheer.php"><img src="images/blauw/button5.jpg" onmouseover="this.src='images/blauw/mouseover5.jpg'" onmouseout="this.src='images/blauw/button5.jpg'"/></a></td></tr>
</table>
</div>
<div class="footer">© "tekst" 2010</div>
</div>
</body>
</html>
MIJN CSS:
body{
background-image:url('images/groen/bggroen.jpg');
background-position: center;
background-attachment:fixed;
color: white;
}
#container{
position: static;
width: 853px;
border: 4 double #FFFFFF;
margin-top:50px;
margin-left:180;
}
.header{
width: 850px;
height: auto;
border: 2 solid #FFFFFF;
}
.headmenu{
width: 852px;
height:50;
Border: 1 solid #FFFFFF;
background: black;
}
.leftnav {
position: absolute;
left: 191px;
top: 310px;
width: 170px;
height: 250px;
border: 1 solid #FFFFFF;
background: black;
}
.content{
position:static;
margin-left:180px;
color: black;
}
.footer {
clear: both;
}
[size=xsmall]Toevoeging op 08/10/2010 11:51:45:[/size]
de border die mee moet gaan staat in de #container
en het menu waar het omgaat is .leftnav
