Mixed Horizontal Eine vertikale CSS mit

Question

Ich versuche, ein Menü mit gemischten Vertikalen ein horizontaler Gegenstat zu erstellen.So sollte das Menü aussehen:

Artikel 1 Punkt 3 Artikel 5 Punkt 7
Punkt 2 Punkt 4 Punkt 6 Artikel 8

Was ich versucht habe, ist das folgende HTML:

generasacodicetagpre.

und css:

generasacodicetagpre.

Aber es funktioniert nicht, denke ich, es ist zu viel für CSS :)

Jeder hat eine Idee bekommen?Vielen Dank im Voraus für jede Hilfe!

Grüße est ro

Answer 1

Halten Sie die ungeraden Elemente, die links schweben.

Die geraden Elemente lassen keine Breite haben (Margin-Right: -115PX) und positionieren Sie sie 155 px links und der apropiatischen Abstand nach unten:

css

generasacodicetagpre.

feige

Answer 2

Was Sie tun könnten, ist die Menüelemente auf

eingestellt generasacodicetagpre.

auf jedem Ihrer Menüelemente und schweben Sie sie dann einfach auf.Sie können alles andere loswerden.Auch als Seite verwenden Sie das Menü Tag nicht, ist es veraltet.:)

jsfiddle

http://jsfiddle.net/eerrr7/

aktualisierte Geige

http://jsfiddle.net/eerrr7/2/

Answer 3

Vielleicht so etwas?Es ist ein bisschen rostig, aber es ist meine Passform, was Sie wollen.

Ich habe einiges hinzugefügt und ein bisschen geändert

generasacodicetagpre.

http://jsfiddle.net/jxxu8/2/