Hallo leute ich habe ein kleines Problem ich versuche nun schon seit 2 Stunden
dass blaue und rote Kästchen auf die Höhe des logos zu bringen und den Text der Navigation mittig.Hab schon alles mögliche versucht.
Html:
HTML Code:
<!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>GWInside Your No 1 Source for Guild Wars Content!</title>
<link rel="stylesheet" type="text/css"" href="style.css">
<style type="text/css">
</style>
</head>
<body>
<div id="website">
<div id="header">
<div id="facebook">
</div>
<div id="youtube">
</div>
</div>
<div id="navigation">
<ul>
<li><a href="index.html">News</a></li>
<li><a href="http://www.google.de">Forum</a></li>
<li><a href="Pages/About Us.html">About Us</a></li>
<li><a href="Pages/Livestream.html">Livestream</a></li>
<li><a href="Pages/Videos.html">Videos</a></li>
</ul>
</div>
</body>
</html>
Css:
Code:
@charset "utf-8";
/* CSS Document */
body{
background: url(Bilder/Background.png);
text-align:center;
background-attachment:fixed;
}
#website{
width:1280px;
margin:0 auto;
}
#header{
width:1280px;
height:76px;
background:url(Bilder/logo.png);
margin-left:15px;
}
#facebook{
width:30px;
height:30px;
margin-left:430px;
background:red;
padding:-2px 0px;
}
#youtube{
width:30px;
height:30px;
margin-left:430px;
background:blue;
padding:-2px 0px;
}
#navigation{
width:848px;
height:34px;
margin-left:216px;
background:url(Bilder/navigation.png);
text-align:left;
-moz-border-left:0.5px solid #000000;
-ms-border-left:0.5px solid #000000;
-webkit-border-left:0.5px solid #000000;
border-left:0.5px solid #000000;
-moz-border-rigth:0.5px solid #000000;
-ms-border-right:0.5px solid #000000;
-webkit-border-right:0.5px solid #000000;
border-right:0.5px solid #000000;
-moz-border-top:0.5px solid #000000;
-ms-border-top:0.5px solid #000000;
-webkit-border-top:0.5px solid #000000;
border-top:0.5px solid #000000;
-moz-border-bottom:0.5px solid #000000;
-ms-border-bottom:0.5px solid #000000;
-webkit-border-bottom:0.5px solid #000000;
border-bottom:0.5px solid #000000;
margin-top:5px;
}
#navigation ul a{
text-decoration:none;
font-family:impact;
color:white;
font-size:19px;
}
#navigation li{
display:inline;
padding:10px 24px;
}
Bitte um Hilfe
Grüße Punkt