HTML tabelle verschoben

LINK: www.nev8.eu


so soll es vllt mal aussehn


aktueller code sieht so aus:

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" />
		<meta name="author" content="L.Tews" />
		<meta name="keywords" content="Mietwerkstatt-BRV" />
		<meta name="description" content="Mietwerkstatt-BRV"/>
		<meta name="robots" content="index,follow" />
		<title>Mietwerkstatt-BRV</title>
		<link rel="stylesheet" type="text/css" href="layout/reset.css" />
		<link rel="stylesheet" type="text/css" href="layout/style.css" />
        <link rel="icon" type="image/ico" href="../images/icon.png" />
	</head>

<body>

<div class="container">	

			<div id="header"></div>
            <div id="space1"></div>
<div id="navbar">
<span class="inbar">
<ul>
<li class="navhome"><a href="index.html"><span>Start</span></a></li>
<li><a href="index2.html"><span>Angebot</span></a></li>
<li><a href="contact.html"><span>Anfahrt</span></a></li>
<li><a href="contact.html"><span>Öffnungszeiten</span></a></li>
<li><a href="contact.html"><span>Kontakt</span></a></li>
</ul>
</span>
</div>
           
            <div id="main1"></div>
            
            
</div>
</div>
</body>
</html>

aktuelle css
Code:
/**
/**
 * Designstylesheet
 *
 * Formt das Design und setzt die Schriften
 *
 * 
 * @version 1.0
 * @author Tews
 */

body {
	height:100%;
	width:100% ;
	text-align: center;
	background-position:center;
	background-color:#555c65;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555c65;
	line-height:18px;
	background:url(../images/bg-background2.jpg) no-repeat 50% 0%;
	
}


#header {
	height: 227px;
	width: 928px;
	background-image:url('../images/bg-head.png');
	background-repeat:no-repeat;

}

.container {
margin:0 auto;
width:928px;
background-color:#555c65;

}

ul {
    list-style:none;
    margin:100px;
    width:928px;
    overflow:hidden;
}
li {
    float:left;
    width:auto;
}

.menu {
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


a.menu:link, a.menu:visited {
    display:block;
    padding:0 0 0 9px;
    color:#fff;
    background:#3C0;
    font-weight:600;
    line-height:30px;
    text-decoration:none;
    border:1px solid #fff;
}
a.menu:hover, a.menu:active {
    background:#000;
}
.noborder {
    border:0;
}
#space1 {
	height: 35px;
	width: 928px;
	background-image:url('../images/bg-space1.jpg');
	background-repeat:no-repeat;
}
#navbar{
width:928; 
height:65px;
background:url(../images/navbar-bg.jpg)left top repeat-x; }
#navbar .inbar{
display:block;
height:65px;
background:url(../images/right.jpg) right top no-repeat; }
#navbar ul, #navbar ul li{
border:0px;
margin:0px;
padding:0px 0px 0px 7px;
list-style:none;
height:65px;
line-height:65px; } #navbar ul{
background:url(../images/a.jpg) left top no-repeat; }
#navbar ul li{
float:left;
display:block;
line-height:65px; }
#navbar ul li a{
color:#fff;
text-decoration:none;
font-family:"Microsoft PhagsPa";
font-size:26px;
display:block; }
#navbar ul li a span{
padding:0 0 0 0;
height:65px;
line-height:65px;
display:block;
margin-left:30px; }
#navbar ul li a:hover{
background:url(../images/ahover.jpg) left top no-repeat;
height:65px;
line-height:65px; }
#navbar ul li a:hover span{
background:url(../images/spanhover.png) right top no-repeat;
height:65px;
line-height:65px; } 

#main1 {
	height: 884px;
	width: 928px;
	position:absolute;
	background-image:url('../images/bg-main2.jpg')
	
}
#footer {
	width: 928px;
	height: 16px;
	text-align: right;
	padding-right: 25px;
	background-image:url('../images/bg-footer.gif');
	background-repeat:no-repeat;
}

Alle die den Thread lesen, einmal testen ob alles richtig angezeigt wird, und wenn nicht sagen was nicht und mir vllt einen Tipp geben wie ich das korrigiere.

Probleme die ich weiß und wo ich eure Hilfe brauchen könnte:

-Navbar Soll zentriert und heile sein
-Navbar Active Button .... ich weiß grad in dem ganzen gewusel nicht was da der richtige Code wäre ? Tipps?
 
Zuletzt bearbeitet:
meiner Meinung nach, solltest du die Menüeinträge jeweils zentrieren. das sieht beim Mouseover besser aus.

ansonsten gefällt mir das Design schon ziemlich gut.
 
sag bloß, nur wie :p

und ich selbst find das design fragwürdig wurde aber so gewünscht ^^
 
Zurück
Oben