Zur Navigation

Automatischen Abstand entfernen

1 Lucas (Gast)

Hallo,ich hab da mal ein kleines Problem ich habe eine Navigationsleiste
als Table erstellt,naja ich weiß man kann Menü´s auch mit <ul> und <li>
erstellen , aber bei mir kam nie eine erfolgreiche Lösung dabei. Deswegen habe ich´s mal aus einem Table gemacht, und dem Menü sollte mein Contentbereich sein also mein Inhalt usw. . das Problem ist,mein Content nimmt automatisch 10px oder so in etwa abstand von meinem Menü

könnt ihr mir vieleicht helfen?

hier ist mein Code:

Das Menü (Table)

<table width="1024px" cellspacing="0" cellpadding="0" id=navigation border="0px" >
<tr>

<td>
<a href="#"><img src="NavigationIMG1.png" width="267px" height="50px" onmouseover="src='NavigationIMG1-over.png'" onmouseout="src='NavigationIMG1.png'" /></a> </img>
</td>

<td>
<a href="#2"><img src="NavigationIMG2.png" width="99px" height="50px" onmouseover="src='NavigationIMG2-over.png'" onmouseout="src='NavigationIMG2.png'" /></a> </img>
</td>

<td>

<a href="#3"><img src="NavigationIMG3.png" width="118px" height="50px" onmouseover="src='NavigationIMG3-over.png'" onmouseout="src='NavigationIMG3.png'" /></a> </img>

</td>

<td>
<a href="#4"><img src="NavigationIMG4.png" width="196px" height="50px" onmouseover="src='NavigationIMG4-over.png'" onmouseout="src='NavigationIMG4.png'" /></a> </img>
</td>


<td>
<a href="#4"><img src="NavigationIMG5.png" width="95px" height="50px" onmouseover="src='NavigationIMG5-over.png'" onmouseout="src='NavigationIMG5.png'" /></a> </img>
</td>

<td>
<a href="#4"><img src="NavigationIMG6.png" width="249px" height="50px" onmouseover="src='NavigationIMG6-over.png'" onmouseout="src='NavigationIMG6.png'" /></a> </img>
</td>


</tr>



</table>

mein Content:

<div id="content" class="shadow" style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"">


css für mein Content:

#content {
margin-left:auto ;

margin-right:auto ;

width:939px;
height:700px;
background-color:#FFFFFF;

}

Als Info ich habe schon probier beim Content Padding und Margin 0,
hat nichts gebracht am Ende war das Ergebnis gleich , nur das der Content
nicht Zentral war

Wenn ihr eine Lösung findet schreibt es bitte rein


MFG Lucas , Danke im Voraus

18.10.2014 15:53

2 Jörg

Als Info ich habe schon probier beim Content Padding und Margin 0,
hat nichts gebracht am Ende war das Ergebnis gleich , nur das der Content
nicht Zentral war

Du musst auch den margin(-bottom) Wert des Tables auf 0 setzen.

Damit #content weiterhin zentriert ist, setzt du dort nur margin-top auf 0

table {
margin-bottom:0;
}

#content {
margin-top:0;
margin-left:auto;
margin-right:auto;
padding-top:0;
width:939px;
height:700px;
background-color:#FFFFFF;
} 

18.10.2014 16:50

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]