Suche im Forum:
Suchen


Autor Nachricht
Beitrag05.12.2009 um 20:49 (UTC)    
Titel: Header spiegelt sich!

So hab jetzt neuen Thread aufgemacht weil ich jetzt herausgefunden habe das das der Header ist und der sich nur spiegelt aber wie bekomme ich das weg?

Mein CSS:

Text über dem Design:
Code:

<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 233px;
left: 66%;
margin-left:-405px;
width:1005px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/m/motor-head/navbutton.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFFFFF;
}


.menu a:hover
{
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/m/motor-head/navmetalbutton2.gif);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);">Über uns</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="Info">Info</a></li>
<li><a href="Bilder">Bilder</a></li>
<li><a href="Projekt">Projekt</a></li>
<li><a href="Impressum">Impressum</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> Modelle</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="Marken">Marken</a></li>
<li><a href="Chopper">Chopper</a></li>
<li><a href="Motorräder">Motorräder</a></li>
<li><a href="Custom Bikes">Custom Bikes</a></li>
<li> </li>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="javascript:void(0);"> Shop</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="LINK4.1">Marken</a></li>
<li><a href="LINK4.2">Angebote</a></li>
</ul>
</li>
</div>

<style type="text/css">
<!--
#nav_Kontakt{display:none;}
#nav_Home{display:none;}
#nav_Login{display:none;}
#nav_Templates{display:none;}
-->
</style>
<p style="
height: 100px;header -image:url(http://img.webme.com/pic/m/motor-head/motorheadlogo.png); background-repeat:no-repeat; "> </p>
<div id="header"></div>
<div id="nav_over"></div>

<style type="text/css"> <!--
body{background-image: url(http://img.webme.com/pic/m/motor-head/grau.jpg);}--> </style>

<iv id="meine_Box">-</div>

<iv id="meine_Box">CHOPPER AND CUSTOM BIKES</div>

<img src="http://img.webme.com/pic/m/motor-head/trennlinien_4.gif" title="Bildbeschreibung">


Text unter dem Design:
Code:
</td></tr></table>


CSS-Code ohne Style Tags:
Code:

--> </style> <table align="center" cellpadding=0 cellspacing=0 border=0><tr><td align="center"> <style type="text/css"> <!--


#pre_content
background:transparent url(http://img.webme.com/pic/m/motor-head/navmetal2.gif)repeat-x scroll 0 0; 
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
ul#nav{display:none;}
#nav_heading{display:none;} 
li.nav_element{display:none;}
li.nav_element a{display:none;}
li.nav_element a:hover{display:none;}

a{
color:#000000;
text-decoration: none;
font-size:15px;
}

a:hover {
color: #CCCCCC;
font-size: 15px;
text-decoration: underline;
}

a:link {
color: #000000;
font-size: 15px;
text-decoration: none;
}

a:active {
color: #000000;
font-size: 15px;
text-decoration: none;
}

a:visited {
color: #000000;
font-size: 15px;
text-decoration: none;
}   

#header{
margin: 0 auto;
width: 660px;
height:171px;
background: url(http://img.webme.com/pic/m/motor-head/motorhead2.png);
background-repeat: no-repeat;
border:1px solid #000000;
}

#content {
width:300px;
height:100px;
position:absolute;center
top:100px;
left:21%;
}

#sidebar_container {
position:absolute;
top:280px;
width:158px;
padding:10px;
left:600px;
background:#808080 
url() repeat-x;
border: 2px solid #000000;
font-family: arial;
font-size: 10px;
text-align: left;
overflow: auto;
float: right;
}

#extraDiv1 {
position:absolute;
top:243px;
width:400px;
padding:10px;
left:165px;
background:#808080 
url(http://img.webme.com/pic/m/motor-head/trennlinien_4.gif) repeat-x;
font-family: arial;
font-size: 10px;
text-align: left;
overflow: auto;
float: right;
}

#extraDiv2 {
position:absolute;
top:243px;
width:535px;
padding:10px;
left:280px;
background:#808080 
url(http://img.webme.com/pic/m/motor-head/trennlinie233.jpg) repeat-x;
font-family: arial;
font-size: 10px;
text-align: left;
overflow: auto;
float: right;
}

#extraDiv3 {
position:absolute;
top:275px;
width:11px;
height:140px;
left:165px;
background:#808080 
url(http://img.webme.com/pic/m/motor-head/balken90gradvonunten.jpg) repeat-x;
font-family: arial;
font-size: 10px;
text-align: left;
overflow: auto;
float: right;
}

#extraDiv4 {
position:absolute;
top:255px;
width:11px;
height:140px;
left:165px;
background:#808080 
url(http://img.webme.com/pic/m/motor-head/balken90gradvonoben.jpg) repeat-x;
font-family: arial;
font-size: 10px;
text-align: left;
overflow: auto;
float: right;
}

#extraDiv5 {
position:absolute;
top:417px;
width:500px;
padding:10px;
left:165px;
background:#808080 
url(http://img.webme.com/pic/m/motor-head/trennlinien_4.gif) repeat-x;
font-family: arial;
font-size: 10px;
text-align: left;
float: right;
}

#extraDiv6 {
position:absolute;
top:417px;
width:257px;
padding:10px;
left:559px;
background:#808080 
url(http://img.webme.com/pic/m/motor-head/trennlinie233.jpg) repeat-x;
font-family: arial;
font-size: 10px;
text-align: left; 
float: right;
}

#post_header { 
position:absolute;
top:275px;
width:11px;
height:140px;
left:825px;
background:#808080 
url(http://img.webme.com/pic/m/motor-head/balken90gradvonunten.jpg) repeat-x;
font-family: arial;
font-size: 10px;
text-align: left;
float: right;
}

#pre_header{
position:absolute;
top:255px;
width:11px;
height:140px;
left:825px;
background:#808080 
url(http://img.webme.com/pic/m/motor-head/balken90gradvonoben.jpg) repeat-x;
font-family: arial;
font-size: 10px;
text-align: left;
overflow: auto;
float: right;
}

#nav_container {
position:absolute;
top:465px;
width:11px;
height:500px;
left:205px;
background:#808080 
url(http://img.webme.com/pic/m/motor-head/trennlinien4vertikal2.jpg) repeat-x;
font-family: arial;
font-size: 10px;
text-align: left;
overflow: auto;
float: right;
}

#meine_Box
position: absolute;
left: 50%;
top:50px;
margin-left: 300px;
width: 285px;
height: 200px;
background-color:;
background-image:url(http://img.webme.com/pic/m/motor-head/navmetal2.gif);
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;
}

#nav_over{
margin: 0 auto;
width:580px;
height:24px;
background: url(URL hier);
border: 1px solid #000000;
padding-top:5px;
}

#content{
margin: 0 auto;
width:580px;
min-height: 400px;
background: url(url);
border: 1px solid #000000;
}

#footer{
margin: 0 auto;
width:580px;
height:24px;
background: url(http://img.webme.com/pic/m/motor-head/background.jpg);
border: 1px solid #000000;
padding-top: 5px;
}




Danke schon mal im voraus!
Beitrag05.12.2009 um 21:26 (UTC)    
Titel:

Ich glaube, da liegt nicht nur der Header im Argen: Auf meinem Widescreen befindet sich die Navi zwischen Header und Werbung und alles ist komplett verschoben. Da hat man schon Schwierigkeiten, überhaupt zu erkennen, was der Header und was der Content ist...

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de