Kreisrunde Navigation

[Chapsy]

Hallo,

Ich möchte ein Dropdown Navigationsmenü für Wordpress erstellen, bei dem die oberste Hierarchie kreisrund ist. Am besten als responsive Design. (Also: nicht nur abgerundete Ecken, sondern wirklich kreisrund. Bei den Untermenüs wären abgerundete Ecken bzw eine Kapselform dann OK).
Die Worte in den Menüpunkten sind verschieden breit: von "Blog", "Galerie", "Information" usw...

Geht das per CSS?
Oder bin ich da auf Hintergrund-Grafiken eingeschränkt?

Vielen Dank!

 

[Myhar]

Wird der border-radius groß genug gesetzt so entsteht ein Kreis.

 

[Chapsy]

Klar... logisch. Funzt

Kleines Problem nun auf meiner Test-Seite (wobei ich nicht weiß, ob das von irgendeinem Theme-spezifischen CSS überschrieben wird):

Die Kreise hab ich, Text ist horizontal mittig. Aber nicht vertikal... ({vertical align: center} hab ich im CSS reingeschrieben. Das müßt doch eigentlich passen. Margin & Padding kann ich keines sehen...

Falls alle Stricke reißen: Gibt es per CSS auch die Möglichkeit, _nur_ den Text (ohne die Kreise dahinter) um eine bestimmte Anzahl von Pixeln nach oben/unten zu versetzen?

 

[Pixelaner]

Vllt ist das was für dich: http://jsfiddle.net/8zzhD/

 

[afr0kalypse]

Vertical-Align kann man nur auf Inline-Elementen nutzen.
und es heißt: vertical-align:middle;