benoetige hilfe bei css: horizontale navigationsleiste

[Gelöschtes Mitglied 2703]

ich wuerde gerne eine navigationsleiste in dieser form machen:
geloescht.
die links sollen aus text und aus grafiken bestehen.
natuerlich ist das nur ein schema beispiel :)
bitte nicht ueber alptraumhaftes design meckern :)
ich hatte es bisher mit position:absolute gemacht - allerdings wird die homepage mindestens 3-sprachig und da ist absolute positionierung ziemlich aufwendig und natuerlich auch immer leicht verschoben.
geht mein beispiel irgendwie ohne tabellen?
divs gehen nicht weil sie ja einen zeilenumbruch erzeugen - mit display:inline allerdings sind sie immer nur so gross wie die Zeichenbox des Inhalts. (und es soll ja nach oben und unten ein breiterer rand mit hintergrundfarbe sein)

 

[Prophet]

Die Links erhalten alle ein display:block; dann kannst du sie problemlos formatieren.

Alle links werden in eine Liste geschrieben der ul tag erhält display:inline; und fertig nun musst du nur noch die listenpunkte abschalten und mit den abständen rumspielen...

 

[Gelöschtes Mitglied 2703]

aah . ja das hoert sich gut an :)
li mit display:inline hatte ich schon ueberlegt ;) aber da noch ne box reinzubauen ist ne super idee
danke ;)

edit: nein geht leider auch nicht :[ ]
die links sind alle untereinander wenn sie display:block haben ;(

 

[ingoS]

float: left
Fuer die Link-Boxen. Dann aber keine Liste.

 

[Prophet]

Problem bei der variante ist nur das die umgebende Box nicht mehr die höhe der elemente hat und mit ein bisschen pech der content dan rechts schwebt...

 

[ingoS]

Problem bei der variante ist nur das die umgebende Box nicht mehr die höhe der elemente hat und mit ein bisschen pech der content dan rechts schwebt...

Das habe ich jetzt ueberhaupt nicht verstanden. Bei mir funktioniert's jedenfalls und der content schwebt nicht rechts (was das auch immer heissen mag...).

 

[Prophet]

Das problem habe ich vor allem bei divs:
wenn die die navigationspunkte in ein div packe und mit float:left; aufreihe dann besitzt das umgebende div nicht mehr die höhe der elemente sondern zeiht sich nach oben zurück.
das darunter liegende content-div verschiebt sich dann nach recht neben die navipunkte .

 

[Gelöschtes Mitglied 2703]

ich habe es jetzt geloest - hab mehrere <ul> nebeneinander :)

 

[Ben]

Vielleicht hilft es wem, der über die Suchfunktion auf diesen Thread stößt:
:arrow: http://scholz-webdesign.de/css/demo/horizontales.menu/

 

[Prophet]

http://css.maxdesign.com.au/listamatic/