Problem mit Design
Von: , Frage gestellt am Mo, 22. Feb 2010
Hey,
ich arbeite gerade an einer Website und stehe nun vor folgendem Problem:
Die Navigation ist nicht ganz an der richtigen Stelle.
Ich kann aber auch keinen Fehler entdecken (liegt wol daran, dass ich noch nicht so vertraut mit HTML und CSS bin...).
Hier der HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>blabla.</title> <meta name="robots" content="index, follow"> <link rel="stylesheet" type="text/css" href="style/stylesheet.css"> </head> <body> <div id="container"> <div id="header"> <a target="_top" href="#"><img _fcksavedurl="style/images/header_pic.png" src="style/images/header_pic.png" border="0"> </a></div> <div id="navigation">
- <img style="border: 0px solid ; width: 90px; height: 25px;" alt="Home" src="style/images/bt_home.png">
- <img style="border: 0px solid ; width: 94px; height: 25px;" alt="Music" src="style/images/bt_music.png">
- <img style="border: 0px solid ; width: 128px; height: 25px;" alt="Pictures" src="style/images/bt_pictures.png">
- <img style="border: 0px solid ; width: 103px; height: 25px;" alt="Videos" src="style/images/bt_videos.png">
- <img style="border: 0px solid ; width: 134px; height: 25px;" alt="About Us" src="style/images/bt_about.png">
- <img style="border: 0px solid ; width: 82px; height: 25px;" alt="Blog" src="style/images/bt_blog.png">
- <img style="border: 0px solid ; width: 89px; height: 25px;" alt="Links" src="style/images/bt_links.png">
hier der css-code:
body {
background: #dedede;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #292929;
}
a {
color: #FFDA20;
font-weight: bold;
text-decoration: none;
}
#container {
background: url("images/bg_rahmen.png") repeat-y;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-bottom: 0px;
width: 1024px;
}
#header {
width: 720px;
height: 189px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: url(images/header_pic.png) no-repeat left top;
}
#navigation {
width: 720px;
height: 25px;
margin-left: auto;
margin-right: auto;
display: inline;
}
#navigation ul {
height: 10px;
margin-left: auto;
margin-right: auto;
width: 720px;
}
#navigation li {
display: inline;
}
#navigation a {
margin-left: auto;
margin-right: auto;
display: block;
float: left;
font-size: 14px;
font-weight: bold;
}
#content {
margin: 0 auto;
padding: 0 0px;
width: 720px;
text-align: center;
}
#footer {
margin-left: auto;
margin-right: auto;
background: #f8f8f8;
height: 25px;
text-align: center;
width: 720px;
}
table {
font-size: 12px;
margin: 0 auto;
}
Könntet ihr mir bitte helfen?
Danke,
Jeldrik