#content {
width:980px;
height:500px;
margin:auto;
}
#content {
width: 980px;
height: 500px;
position: absolute;
left: 50%;
margin-left: -490px;
top: 50%;
margin-top: -250px;
}
<div id="navigation">
<ul>
<li id="first"><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li class="current"><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>#navigation {
width: 979px;
height: 40px;
}
ul {
list-style: none;
}
#navigation li {
background-color: rgba(0,0,0,0.5);
float: left;
margin-left:1px;
height: 40px;
width:195px;
}
#first{
margin-left:0px;
}
#navigation li #first#navigation li:first-child#navigation li:last-child
<ul id="navi">
<li class="active"><dfn>1. </dfn>Startseite</li>
<ul id="subnavi"> <!-- Unterpunkte der Startseite -->
<li class="active"><dfn>1.1 </dfn>Über uns</li>
<a href="#" tabindex="6"><li><dfn>1.2 </dfn>Aktuelles</li></a>
...
</ul> <!-- Ende der Unterpunkte -->
<a href="#" accesskey="2" tabindex="1"><li><dfn>2. </dfn>Jugend- und Familienhilfe</li></a>
...
</ul>li.active,
li.active dfn,
#navi a li:hover,
#navi a:active li,
#navi a:focus li
{
font-style: italic;
color: #000;
background-color: #b6ef7d;
}
document.all.box1.innerHTML ="
...
<img src='img/bild.jpg' id='teambild'>
...
<a href="#" onmouseover="bildNeu('img/bild2.jpg')" onmouseout="bildNeu('img/bild.jpg')">
Text
</a>
...
";[COLOR="Red"]document.all.box1.innerHTML ="[/COLOR]
...
<img src='img/bild.jpg' id='teambild'>
...
<a href=[COLOR="Blue"]\"[/COLOR]#[COLOR="red"][COLOR="Blue"]\"[/COLOR][/COLOR] onmouseover=[COLOR="Blue"]\"[/COLOR]bildNeu('img/bild2.jpg')[COLOR="blue"]\"[/COLOR] onmouseout=[COLOR="blue"]\"[/COLOR]bildNeu('img/bild.jpg')[COLOR="blue"]\"[/COLOR]>
Text
</a>
...
[COLOR="red"]";[/COLOR]...
<a href=\"#\" onclick=\"bildNeu('img/bild2.jpg')\">
Text
</a>
...function bildNeu (bild){
document.getElementById("teambild").src=bild;
}
...
<a href=\"#\" onclick=\"bildNeu('img/bild2.jpg')[COLOR="Red"]; return false;[/COLOR]\">
Text
</a>
...
...
<div id="wraphead">
<img src="Images.svg" />
<nav>
<ul>
<li><a href="#">eins</a></li>
<li><a href="#">zwei</a></li>
<li><a href="#">drei</a></li>
</ul>
</nav>
</div>
......
#wraphead {
width: 75vw;
margin: 0 auto;
}
nav ul li {
list-style-type: none;
list-style-position: outside;
float: left;
margin-right: 35px;
}
...
<nav id="menue">
<ul>
<li><a href="#">The Artist</a></li>
<li><a href="#">Artwork</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Order</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>#menue {
width: 1000px;
text-align: left;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
}
.Navi { design:inline;}
#menue ul li {
display: inline;
margin-left: 30px;
width: 50px;
height: 50px;
}danach ging es bei mir. ich hab sie erst nicht nebeneinander bekommen. das floaten hat mir aber auch irgendwie nicht geholfen, bin nach ner Ewigkeit dann drauf gekommen meine Navileiste als Klasse anzulegen und die als inlineobjekt. jetzt ging es irgendwie damit ^^
nav ul li:last-child{
float: none;
margin-right: 0px;
}<nav id="links">
<ul>
<li><a href="#">The Artist</a></li>
<li><a href="#">Artwork</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Order</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>#links {
background-color: #FFFFFF;
height: 100px;
width: 450px;
}#links ul li {
display: inline;
margin-left: 30px;
width: 50px;
height: 50px;}
total seltsam, ich hätte schwören können! hihi
Hahaha, und ich weiss noch, wie ich als HiWi für die Dozenten einen Schnellkurs "Das Grundgerüst einer Homepage" gehalten hab! 
aber ich weiß jetzt nicht, ob das Programm an sich was kostet... hmm.. ich habe jetzt ein Jahr gewartet, mir die einzelnen Parts in Photoshop erstellt und so. Ein Jahr lang konnte ich es mir ansehen und überlegen und satt gesehen habe ich mich immer noch nicht, nun habe ich mich entschlossen es endlich nach zu basteln und bisher klappts echt super
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
[B]<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">[/B]
<title>Willkommen auf ...</title>
<link rel="stylesheet" type="text/css" href="abschluss.css">
</head>
<body>
<div id="wrapper">
<div id="kopf">
<h1>Willkommen auf ...</h1>
</div> <!--Ende kopf-->
<div id="menue">
<ul>
<li><h4>Allgemein</h4></li>
<li><a href="home.html">Startseite</a></li>
<li><a href="kontakt.html">Kontaktmöglichkeit</a></li>
<li><a href="abk.html">Abkürzungen</a></li>
</ul>
<hr>
<ul>
<li><h4>Anderes</h4></li>
<li><a href="hilfe.html">Hilfe in Bildern</a></li>
</ul>
</div>
<div id="inhalt">
</div><!--Ende inhalt-->
<div id="fuss"></div><!--Ende fuss-->
</div><!--Ende wrapper-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Willkommen auf...</title>
<link rel="stylesheet" type="text/css" href="abschluss.css">
</head>
<body>
<div id="wrapper">
<div id="kopf">
<h1>Willkommen auf ...</h1>
</div> <!--Ende kopf-->
<?php
include ("navi.html");
?>
<div id="inhalt">
<p>Test text wäwöwü blä bpü bpö ?</p>
</div><!--Ende inhalt-->
<div id="fuss"></div><!--Ende fuss-->
</div><!--Ende wrapper-->
</body>
</html><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<div id="menue">
<ul>
<li><h4>Allgemein</h4></li>
<li><a href="home.html">Startseite</a></li>
<li><a href="kontakt.html">Kontaktmöglichkeit</a></li>
<li><a href="abk.html">Abkürzungen</a></li>
</ul>
</div>