Hallo, ich bin Einsteiger in HTML und grade dabei eine Website für einen Bekannten zu programmieren, und bemerke grade dass ich schon so einiges von meinen Einsteigerkenntnissen vergessen haben. ich habe folgendes Problem, dass ich im Menü-container 5 menüpunkte einbringen will, die nebeneinander, jedoch mit Abstand geordnet sind. Jeder Menüpunkt hat ein eigenes Div, das den Abstand zu den anderen Menüpunkten sicher. Jedoch ab dem 3. Menüpunkt kommt ein umbruch und das Div erscheint unnterhalb der anderen.
und der dazugehörige Stylsheet:
Gruss Biotonne
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=UTF-8" />
<title>titel</title>
<link href="css/web.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container"><br />
<div id="header"><h1>header</h1>
</div>
<div id="navi">
<div id="impressum">impr</div>
<div id="profil">profil</div>
<div id="home">home</div>
</div>
</div>
</body>
</html>und der dazugehörige Stylsheet:
Code:
@charset "UTF-8";
#container {
font-family: Tahoma, Geneva, sans-serif;
background-color: #FFF;
margin: auto;
height: 768px;
width: 1024px;
}
#header {
height: 20px;
width: 460px;
margin-top: 20px;
margin-right: 282px;
margin-left: 282px;
background-image: url(../images/header_gruen.png);
background-repeat: no-repeat;
font-family: Tahoma, Geneva, sans-serif;
text-indent: -9999px;
}
#navi {
height: 60px;
width: 990px;
margin-right: 16px;
margin-left: 18px;
margin-top: 70px;
}
#impressum {
float: left;
height: 40px;
width: 40px;
margin-top: 10px;
margin-bottom: 10px;
}
#profil {
height: 44px;
width: 70px;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 199px;
}
#home {
height: 60px;
width: 110px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 439px;
}Gruss Biotonne
Zuletzt bearbeitet:
