menü-elemente horizontal+vertical ausrichten
 

menueoben.php:

index.css:



so sieht menü aus: link

wie erreiche ich, dass alle elemente wie "Home" vertical zentriert sind in der menüleiste? Im Moment ist ja unten mehr platz als oben trotz der vertical-alingn formatierung! Zudem sollen die elemente wie "Home" usw. auch horizontal ausgerichtet werden, doch horizontal-align gibt es net?:mrgreen:

link

ok hab mal code aus dem www kopiert und ein css menue eingebaut usw. doch nur das menü selber ist horizontal aber es gibt keine ausrichtung der einzelnen elemente zueinander die horizontal ist?

Mache eine Liste aus dem Menü (so wie in Deinem von maxdesign kopierten Code) und bestimme die Höhe der Links sowie die vertikale Ausrichtung des Textes durch padding-top/-bottom. Alle weiteren Details in meinem FAQ-Beitrag.

Für horizontale Zentrierung text-align: center; (dafür braucht li display: inline; und darf nicht floaten).

ich schussel habe sogar text-align:center im vorherigen menü benutzt :shock: :mrgreen:

sitelink

mittig ist das ganze nur warum sind die li höher als das ul bzw. der div "navcontainer" wie bekomme ich die orangen blöcke genau so hoch wie die blaue leiste?

Das ist eines der Probleme, die sich bei inline-Darstellung von li ergeben. Du kannst allenfalls mit padding-top/-bottom für ul herumprobieren, ob Du's passend kriegst.

Ansonsten: li floaten, mit width in em. ul bekommt ebenfalls width in em (die Summe von li) sowie margin: 0 auto;. Zum Einschließen der floatenden li wendest Du "Easy Clearing" auf ul an (siehe FAQ Punkt 2).

yo die inline von li brauch ich ja wegen horizontal hast du gesagt... aber ich kann ja auch von hand über padding:left/right das ganze halbwegs anordnen dann habe ich da li problem net mal schauen wie ichs mache...

ok habe rumgespielt mit padding und height der ul usw

warum zieht es das komplette menü zusammen wenn ich auf einen a link klicke? und warum ist dieser hässliche Rahmen um den link? zudem wird die dick-weiße schrift beim draufklicken dünn-weiß??

Es wird damit leichter, aber es geht auch per float (siehe voriges Posting). Und wenn es überall pixelgenau passen bzw. aneinander anschließen soll, ist float sogar die einzige Möglichkeit. Und das würde ich auch Dir raten, denn momentan paßt das alles nicht so toll (und viel besser wird man's mit inline auch nicht hinkriegen).

In welchem Browser? In FX passiert das nicht.

:lol: Fokusumrandung, ist normal, hat nix mit CSS zu tun ;)

benutze den FF 2.0

gibts dazu ein komplettes Tutorial, ich blick da nicht mehr durch :lol: das tut zu "Easy Clearing" kann ich ja schon mal studieren...

wenn du li floaten meintst mit width in em heißt das dann:

#navcontainer ul li { display: inline;
float:"was kommt hier rein";
width:"was kommt hier rein";
}

Ich auch, und bei mir war nix (zumindest vorhin nicht).

Und was bitte soll das?

Gibt's, aber fange mit solch einem Müll gar nicht erst an.

das mit den 898em war ein verschreiber... den du angeschaut hattest als ich es schon geändert habe, überschneidung also...

Stichpunkt CSS: Experimente mit Menüs

habe gutes tut gefunden wage mich da mal ran... wie bekomme ich diese hässliche Umrandung dann weg?