Hallo, bin schon seit einer halben Stunde am basteln warum meine Navigation wohl nicht nach rechts gehen will, normal müsste es margin-left sein, mir zieht es aber die Navigation auseinander. Zusehen unter <!-- w --><a class="postlink" href="http://www.aiizo.de">http://www.aiizo.de</a><!-- w --> hab es auch schon mit einem <div nach der Navigation versucht ohne Erfolg. Heute ist wahrscheinlich nicht mein Tag
Hier mal mein Code:
index.html:
HTML
<!doctype html>
<html>
<head>
<title>Aiizo</title>
<meta charset="ISO-8859-2" />
<meta name="description" content="" />
<meta name="author" content="Christian Huml" />
<meta name="keywords" content="" />
<meta name="generator" content="" />
<link href="design.css" type="text/css" rel="stylesheet" />
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
<div id="head">
</div>
<ul id="navigation">
<li> <a href="index.html">Home</a></li>
<li> <a href="filme.html">3D Filme</a></li>
<li> <a href="agb.html"> AGB</a></li>
<li> <a href="impressum.html">Impressum</a></li>
</ul>
</body>
</html>
Alles anzeigen
CSS:
Code
* {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
font-family: arial, sans-serif, verdana;
line-height: 28px;
}
/* Kopfbereich --------------------------------------------------------------------------*/
div#head {
margin-top:10px;
margin-left:18px;
margin-right:18px;
background:url(images/header.gif);
visibility: visible;
height:130px;
background-repeat:no-repeat;
/* Navigation ---------------------------------------------------------------------------*/
}
#navigation li {
font-size:18px;
display: inline;
line-height: 21px;
}
#navigation a {
color: #ffffff;
text-decoration:none;
padding:8px;
margin-left:12px;
background:url(images/menu_1.png);
float:left;
}
#navigation a:hover {
text-decoration: blink;
background-position: 0 0;
}
Alles anzeigen