Hallo,
konnte über die Suchfunktion hier im Forum leider keine Antwort auf mein Problem finden, dabei ist es bestimmt ganz simpel zu lösen:
Die Seite hat eine horizontale Navigation. Links soll ein Bild sein, in der Mitte die eigentliche Navigationleiste (Links in einer Aufzählung), rechts auch ein Bild. Also so:
Tatsächlich passiert aber das, obwohl genug Platz ist: Das zweite Bild rutscht immer in die nächste Zeile.
Das ist der CSS-Code:
Und das ist der HTML-Code:
Wäre toll, wenn jemand von euch Rat weiß!
Viele Grüße
konnte über die Suchfunktion hier im Forum leider keine Antwort auf mein Problem finden, dabei ist es bestimmt ganz simpel zu lösen:
Die Seite hat eine horizontale Navigation. Links soll ein Bild sein, in der Mitte die eigentliche Navigationleiste (Links in einer Aufzählung), rechts auch ein Bild. Also so:
Code:
Bild || Navigation || Bild
Tatsächlich passiert aber das, obwohl genug Platz ist: Das zweite Bild rutscht immer in die nächste Zeile.
Code:
Bild || Navigations ||
Bild
Das ist der CSS-Code:
Code:
div.hauptnavi
{
width:759px;
}
img.Logo
{
margin:28px 10px 0 0;
float:left;
}
img.Logo2
{
margin:28px 0 0 200px;
float:right;
}
div.hauptnavi ul
{
display:block;
float:left;
width:709px;
list-style-type:none;
margin:50px 0 0 50px;
padding:0;
}
div.hauptnavi ul li
{
display:block;
float:left;
margin:0;
}
div.hauptnavi ul li a
{
color:#5c2483;
text-decoration:none;
font-size:13px;
line-height:0.8em;
display:block;
float:left;
font-weight:bold;
padding:10px;
}
Und das ist der HTML-Code:
HTML:
<img src="logo_1.png" class="Logo">
<div class="hauptnavi">
<ul>
<li><a href="index">Startseite</a></li>
<li><a href="suche">Suche</a></li>
<li><a href="projekt">Über das Projekt</a></li>
</ul>
</div>
<img src="logo_2.png" class="Logo2">
Wäre toll, wenn jemand von euch Rat weiß!
Viele Grüße