Hej alle sammen jeg er igang med et design hvor jeg ska have et top logo en venstre menu og så noget indhold.
men jeg kan ik få Menu'en og indhold's boxene til at stå ved siden af hinanden.. nogen der kan hjælpe ?
******Index.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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JB-Rustfri.dk</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<base target="iframe" />
</head>
<body>
<div id="box">
<div id="top"></div>
<div id="indhold">Content for id "indhold" Goes Here</div>
<div id="menu">
<a href="forside/index.htm">Forside</a><br />
<a href="profil/index.htm">Profil</a><br />
<a href="produkter/index.htm">Produkter</a><br />
<a href="galleri/index.htm">Galleri</a><br />
<a href="kontakt/index.htm">Kontakt</a><br />
</div>
</div>
</body>
</html>
******CSS.css********
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #333333;
background-color: #e0e0e0;
background-repeat: no-repeat;
text-align: left;
}
#box {
height: 540px;
width: 720px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #d4d4d4;
border-right-color: #d4d4d4;
border-bottom-color: #d4d4d4;
border-left-color: #d4d4d4;
margin:0px auto 3px;
background-color: #FFFFFF;
left: 15%;
right: 15px;
}#top {
height: 108px;
width: 688px;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
background-image: url(images/top.jpg);
background-repeat: no-repeat;
background-position: center top;
}#menu {
height: 364px;
width: 129px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #c3c3c3;
}
a:link {
color: #333333;
text-decoration: none;
cursor: default;
}
a:visited {
text-decoration: none;
color: #333333;
cursor: default;
}
a:hover {
text-decoration: underline;
color: #3E78BA;
cursor: default;
}
a:active {
text-decoration: none;
color: #68CCFE;
cursor: default;#indhold {
height: 300px;
width: 573px;
margin-left: 135px;
}
#indhold {
height: 200px;
width: 500px;
margin-left: 135px;
}