XHTMLforum - Horizontale Liste mit Dropdown zentrieren

XHTMLforum (http://xhtmlforum.de/index.php)

- (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)

- - Horizontale Liste mit Dropdown zentrieren (http://xhtmlforum.de/showthread.php?t=62650)

Horizontale Liste mit Dropdown zentrieren

Hallo alle miteinander!

Ich habe hier ein kleineres Problem, wie schon an vielen Orten gefragt wurde, doch nie genau so, wie bei mir. Bis jetzt habe ich es nicht geschafft:

Ich möchte gerne eine horizontale Navigation, unter dem Banner zentriert. Rechts und links von der Navigation soll der Platz frei sein(muss aber nichts hingeschrieben oder plaziert werden können).

Dies ist eigentlich soweit kein Problem, bis ich dann halt unterhalb, also senkrecht ein Dropdown machen möchte.(Ein Beispiel wäre SPIEGEL ONLINE - Nachrichten -> Hier beispielsweise [Nachrichten -> Politik] und bei Politik dann per Java ein mouseOver befehl, der das Dropdown aktiviert.)

Doch nun, um halt eben all dies machen zu können, müsste ich eine horizontale Liste machen, die gleichzeitig vertikal ist, wenn ihr versteht was ich meine.

Könnte ich das auch in einer Tabelle machen? Oder geht das dann mit dem JavaScript nicht?

Mein aktueller Code ist:

HTML-Code:

<div id="navigation">

        <div class="innen">

                <ul>

                        <ul>

                                <li>1.</li>

                                <li>1.1</li>

                        </ul>

                        <ul>

                                <li>2.</li>

                                <li>2.1</li>

                        </ul>

                </ul>

        </div>

</div>

HTML-Code:

#navigation ul {

        border:1px solid black;

        list-style-type:none;

        float:left;

}

#navigation li {

        border:1px solid black;

}

All die vielen Rahmen sind bloss dazu da, um die noch verbliebene Übersicht bei diesem Gematsche zu behalten ;)

Um das JavaScript bitte ich euch nicht, richtige Probleme habe ich bei der Zentrierung dieser Sache ;)

Mfg

Amnesys

Ne Tabelle brauchst Du nicht -> display: inline;

Moin,

du willst eine horizontale Dropdownnavi, wo das submenü nach unten ausklappt, oder?
JS brauchst du dabei nur für den IE6, ansonsten reichen XHTML/CSS.
Hier ist ein Beispiel. ;)

Oh danke sehr euch beiden! Das mit dem display:inline; von puma tut sich noch etwas schwer, da ich es bis jetzt noch nicht geschafft habe, die 2 nebeneinander zu tun. Also war da einfach von oben nach unten aufgelistet, wie eine Tabelle von 1x4 anstelle von 2x2, doch irgendwann krieg ich das auch noch hin ;)

Und hubspe, genau sowas habe ich gemeint! :D

Danke vielmals, euch beiden :)

Ne Vergiss das on mir geschriebene ich hab in deinem ersten Beitrag doch glatt das horizontal Überlesen ... Das vom @hubspe ist das was du suchst!