Navigation anordnen

[judie626]

Hallo,
möchte eine navigation aufsetzen die horizontal verläuft, wobei die einzelnen links aus bilder bestehen.

<div>
<ul id="navigation">
                    <li class=""><a><img src="images1.jpg" alt="..."/></a></li>
                    <li class="box2"><a><img src="images2jpg" alt="..."/</a></li>
                     <li class="box3"><a><img src="images3.jpg"alt=""/</a></li>
                    <li class="box4"><a><img src="images4.jpg" alt=""/></a></li>
                </ul>   
</div>

ordnet man dann die einzelen bidler dann über position in dem blockelement an oder wie?

lg judie

 

[Ladyan]

AW: Navigation anordnen

du gibst der

#navigation {
float: left;
}

dann werden deine listenpunkte automatisch horizontal ausgerichtet

 

[owieortho]

AW: Navigation anordnen

 li {display: inline;}

viele hilfreiche Tipps findest Du .

 

[Herr_D]

AW: Navigation anordnen

du gibst der

#navigation {
float: left;
}

dann werden deine listenpunkte automatisch horizontal ausgerichtet

Probiert oder geraten?

 

[Ladyan]

AW: Navigation anordnen

Probiert oder geraten?

Prinzipiell gewusst - aber natürlich die einzelnen Listenpunkte der ungeordneten Liste müssten gefloated werden, nicht die gesamte liste.
War wohl mit den Gedanken wo anders

 

[owieortho]

AW: Navigation anordnen

Mir fällt gerade auf, dass Du beim zweiten und dritten Bild das img-tag nicht geschlossen hast....
und vor dem Slash fehlt auch das Leerzeichen.

 

[judie626]

AW: Navigation anordnen

THx warum display:inline?

 

[owieortho]

AW: Navigation anordnen

display: inline veranlasst Elemente sich wie ein inline-Element zu verhalten. D. h. anstatt wie üblich mit jedem li eine neue Zeile zu beginnen, werden die li-Elemente aneinander gereiht.