|
|||
Menue mit CSS umsetzen
Morgen.
Wenn ich eine Liste als Menue einsetze, aber leider nie genau weiß, wie viele Menuepunkte es gibt... Wie kann ich die Menuepunkte gleichmäßig verteilen? Code:
#navigation { background: #ddd; float: left; width: 800px; height: 22px; font-size: 1.5em; } Code:
<ul id="navigation"> <li>...</li> </ul> Bisher hab ich mit margin rumgetestet, aber das hab ich nie funktional hinbekommen. Kann mir da einer helfen oder kennt jemand ein Tutorial dazu? Danke. Dustwolf |
Sponsored Links |
|
||||
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
|||
Nicht sehr hilfreich, da ich ja mangels Erfolg kein gutes Beispiel dazu habe.
Also hier nochmal mein Problem im Detail: Ich verfüge über eine ungeordnete Liste mit der breite 800px. Darin befinden sich Listenpunkte mit der Breite 200px, die per float:left nebeneinander, bzw untereinander platziert werden. Daher: Die ersten 4 Menuepunkte sind in der ersten Zeile nebeneinander, die nächsten 4 Listenpunkte ständen in der nächsten Reihe. Das Problem: Wenn ich nun beispielsweise 5 Listenpunkte habe, wären die ersten 4 davon in der obersten Zeile und würden sich über die ganze Breite ausdehnen. Die Menuepunkte / Links sind also gleichmäßig verteilt. Der fünfte Menuepunkt würde aber durch das floaten in die nächste Zeile geraten und dort am linken Rand platziert. Ich würde es aber lieber so haben, dass er dann den Menuepunkt mittig platziert, oder sogar die Breite der Menuepunkte sich anpasst. Die Menuepunkte sollen also gleichmäßig neben und untereinander veteilt werden, so dass es zu einer symmetrischen Anordnung kommt. Ich hoffe, dass mein Problem nun deutlich geworden ist. |
|
|||
Das hilft mir aber bei float: left; der Listenelemente auch nicht. Oder ich krieg es einfach nicht hin. Aber müsste man das nicht ohnehin über margin regeln? Kann man da nicht so eine Art maximales margin einstellen?
|
|
||||
Schau mal hier nach Christian Krautkrämer: Startseite
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Nun ja... Bei der Seite wurden prozentuale Angaben genommen. Allerdings ist es ja auch nicht schwer, dass sich 4 25% breite Objekte nebeneinander gleichmäßig verteilen.
Wenn man allerdings nun 5 Objekte mit 25% Breite nebeneinander setzt, dann wäre das 5. Objekt ja auch wieder in einer neuen Zeile und dann am linken Rand. Daneben wären wieder 75% Freiraum. Oder ich hab etwas übersehen / nicht verstanden, was bei der Seite eben diesen Freiraum vermeiden würde... |
|
||||
Normalerweise kennt man doch die Anzahl der Navigationspunkte, oder nicht!?
Denn nur in dieser Ungewissheit liegt ja Dein Problem!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Stimmt. Aber da ich ein CMS schreibe, wo einzelne Bereiche der Website für User versteckt / nicht freigeschaltet sind, kann ich eben nicht sagen, wie viele Menuepunkte da im Einzelfall stehen.
|
Sponsored Links |
|
||||
Dann kommst Du mit einem vertikalen Menü aber leichter hin!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschachteln und Erweitern von CSS? | DerJo | CSS | 4 | 25.01.2010 19:07 |
IE 6 erkennt seine CSS Datei nicht | Perelina | (X)HTML | 4 | 07.08.2009 19:56 |
MYspace mehr als nur CSS oder ? | Vinceone | CSS | 0 | 12.07.2007 03:21 |
Eric Meyer's CSS | Petty | Ressourcen | 0 | 21.11.2005 09:18 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 12:39 |