Ich bastle jetzt seit einiger zeit an einer Hp und bin mit dem design eigentlich zufrieden.
jetz hab ich links eine Steuerung und will rechts daneben den Inhalt. jedoch wir der inhalt immer unter die Steuerung geschrieben oder darüber. ich will ihn aber daneben. weiß jemand was ich falsch mache hier ist der html code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>erste Seite</title>
<link href="style.css" type="text/css" rel="stylesheet" />
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
</head>
<body>
<div id="kopfbereich">
<p>Homepage</p>
</div>
<div id="leiste">
</div>
<div id="navi2">
<div id="navi">
<ul>
<li> <strong> <a href="kapisite.htm">Home</a> </strong> </li>
<li> <strong> <a href="ueber mich.htm">Über mich</a> </strong> </li>
<li> <strong> <a href="Ankauf.htm">Punkt1</a> </strong> </li>
<li> <strong> <a href="Verkauf.htm">Punkt2</a> </strong> </li>
<li> <strong> <a href="impressum.htm">Impressum</a> </strong> </li>
</ul>
</div>
</div>
<div id="inhalt">
Das ist der Inhalt
</div>
</body>
hier der css dazu
html, body
{ font:100% Arial;
}
#kopfbereich {
background:url(bilder/blau.jpg) no-repeat left top;
height:150px;
}
#kopfbereich p {
font-size:3em;
text-align:center;
padding:0.4em 0.4em 0 0;
}
* {
margin:0;
padding:0;
}
#leiste {
background:url(bilder/leiste.jpg) no-repeat;
height:30px;
}
#navi {
width:200px;
text-align:left;
}
#navi a:link {
color:black;
text-decoration:none;
}
#navi a:visited {
color:black;
text-decoration:none;
}
#navi a:focus {
color:black;
text-decoration:none;
}
#navi a:hover {
text-decoration:underline;
}
#navi a:active {
text-decoration:underline;
}
#navi ul {
list-style:none;
}
#navi li {
background:url(bilder/abc.jpg) no-repeat;
border-style:outset;
margin-bottom:8px;
margin-top:8px;
margin-right:50px;
padding-right:8px;
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
font-size:1.5em;
}
#navi2 {
float:left;
border-style:solid;
border-color:black;
border-left-style:none;
margin-top:0;
padding-top:0;
margin-right:60.5em;
padding-bottom:100%;
background:url(bilder/steuerung.jpg) no-repeat;
}
#inhalt {
background-color:#F1CD0D;
margin-left:160px;
}
am besten in editor einfügen und so nachvollziehen was ich meine....
außerdem würde ich mich über kritik freuen...
dazu ist noch zu sagen das es mein erster versuch einer hp ist
aco Gast |
