|
|||
menü-elemente horizontal+vertical ausrichten
menueoben.php:
Code:
<span><a href="index.php?section=welcome">Home</a></span> <span><a href="index.php?section=tutorials">Tutorials</a></span> <span><a href="index.php?section=contact">Contact</a></span> <span><a href="index.php?section=sitemap">Sitemap</a></span> <span><a href="index.php?section=disclaimer">Disclaimer</a></span> <span><a href="index.php?section=links">Links</a></span> Code:
#menueoben a{color:#990033; text-decoration:none; font-weight:700;} #menueoben span{ vertical-align:middle; } 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? 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? Geändert von bastien (12.12.2006 um 20:32 Uhr) |
Sponsored Links |
Sponsored Links |
|
|||
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? |
|
||||
Zitat:
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). |
|
|||
Zitat:
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ß?? Geändert von bastien (13.12.2006 um 00:06 Uhr) |
|
||||
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).
Zitat:
Fokusumrandung, ist normal, hat nix mit CSS zu tun |
|
|||
benutze den FF 2.0
Zitat:
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"; } Geändert von bastien (13.12.2006 um 00:58 Uhr) |
|
||||
Ich auch, und bei mir war nix (zumindest vorhin nicht).
Und was bitte soll das? Code:
#navcontainer ul { padding-left: 0; margin-left: 0; padding-top:2px; background-color: #036; height:23px; color: White; float: left; width: 898em; font-family: arial, helvetica, sans-serif; text-align:center; vertical-align:middle; } |
Sponsored Links |
|
|||
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? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Horizontales Menü mit 3 Ebenen (alle horizontal) im IE | Lezlie | CSS | 1 | 21.01.2010 15:16 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
horizontal zentriertes Menü | CodeWriter | CSS | 9 | 05.06.2007 21:34 |
Listen symbol als Menü horizontal ausrichten | dirty south | CSS | 1 | 27.04.2007 13:06 |
Horizontal Menü mit Popdown | Pseudo | CSS | 12 | 26.06.2006 11:04 |