the | gamer
Neues Mitglied
Hi Ich hab jetzt Mal ne HP angefangen. Und hab ne Vertikale navigation mit lauter links.[href]
wollte nur mal fragen wie man die navigation Dynamischer machen könnte bin nähmlich Anfänger :?::?:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta name="language" content="de" />
<meta name="robots" content="index, follow" />
<meta name="author" content="Website-AK - Gregor Vollmer, Dominik Pschenitschni - http://celement.de" />
<meta name="description" content="Die beste Pizzeria in Schorndorf und Umgebung" />
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="stylesheet" type="text/css" media="all" href="base.css" />
<title>Charles Dickiens</title>
<style>
{ background-image:url(http://www.sherland.ie/admin/uploaded_images/1196239133032004900high_res_119623889003710700022Dickens.JPG);
}
</style>
</head>
<body>
<div id="wrapper">
<hr color="#888888">
<ul id="nav_main">
<li><a href="Charles Dickens.html" title="">Startseite</a></li>
<li><a href="Kontakt.html" title="">Kontakt</a></li>
<li><a href="Info.html" title="">Informationen</a></li>
<li><a href="AGB.html" title="">AGB</a></li>
<li><a href="LebensdatenLebenslauf.html" title="">Lebensdaten/Lebenslauf</a></li>
<li><a href="links.html" title="">Links</a></li>
<li><a href="#" title=""></a></li>
</ul>
<div id="main">
<h1>Herzlich Willkommen auf der Website von Charkes Dickens</h1>
<hr color="#888888">
<p>Hier werden sie über Lebensdaten usw von Charles Dickens informiert.</p>
</div>
</body>
Code:
/*CSS-Dokument von der Oliver Twist*/
/***************************************/
/*Der Stern ist der Universalselektor.
mit ihm markiert man ALLE Elemente.*/
/* {
margin:0;
padding:0;
}*/
body {
background-image:url(http://tygrdownloads.googlepages.com/WhiteTiger1280x1024.jpg);
}
div#wrapper {
margin:0 auto;
padding:20px;
width:600px;
border:1px solid #000;
background:#eee;
}
ul#nav_main {
overflow:auto;
list-style:none;/*keine Aufzaehlungszeichen*/
}
ul#nav_main li {
float:left; /*elemente werden links voneinander angeordnet*/
}
ul#nav_main li a {
float:left; /*elemente werden links voneinander angeordnet*/
display:block; /*"a"-Elemente werden als Block-Element markiert.*/
line-height:20px;
background:#DDDDDD;
}
ul#jay_main {
list-style:none;
}
ul#jay_main li {
}
ul#jay_main li a {
line-height:15px;
}