nicht angemeldet
Horizontale Liste ohne Umbruch!
0 
Gunnar Bittersmann
0
Horizontale Liste ohne Umbruch!
Ich habe mir mit folgendem CSS eine horizontale Liste erstellt. Mit dem
[i]display:inline;[/i] wollte ich erreichen, dass die Listenelemente nicht umgebrochen werden,
wenn der "Container" (ul) für die Elemente nicht breit genug ist.
Die Listenelmente werden jedoch trotzdem umgebrochen.
Hat jemand eine Idee wie ich das verhindern kann? Danke!
ul {
list-style-type: none;
overflow:hidden;
}
ul li {
float: left;
display:inline;
}
--
Keine Panik, ich weiß durchaus nicht was zu tun ist! (ALF)
Keine Panik, ich weiß durchaus nicht was zu tun ist! (ALF)
-
Die Listenelmente werden jedoch trotzdem umgebrochen.
Ja, kozi, die verhalten sich wie Fließtext. Sollen sie bei display:inline ja auch.
Hat jemand eine Idee wie ich das verhindern kann? Danke!
Lass die li Blockelemente sein und floate diese.
Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
Ok ich lass dann das [i]display:inline[/i] weg. Ich möchte allerdings
am viele Listenelemente einfügen und diese sollen alle in einer Zeile angezeigt werden.
Die, die nicht angezeigt werden können, sollen einfach abgeschnitten werden. Ich will diese
später per Button zur Ansicht bringen können.
Zum Vergleich die Linkliste im Firefox (Wenn man mehr Links in der Link-Symbolleiste hat
wird ein Doppelpfeil angezeigt mit dem man dann die übrigen Links dann sieht).--
Keine Panik, ich weiß durchaus nicht was zu tun ist! (ALF)-
kozi,
am viele Listenelemente einfügen und diese sollen alle in einer Zeile angezeigt werden.
Die, die nicht angezeigt werden können, sollen einfach abgeschnitten werden. Ich will diese später per Button zur Ansicht bringen können.Ob der Nutzer deiner Seite das auch so haben will? Ich würde das nicht wollen; das ist IMHO nicht nutzerfreundlich.
Schau dir mal die Eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow an.
Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
kozi,
am viele Listenelemente einfügen und diese sollen alle in einer Zeile angezeigt werden.
Die, die nicht angezeigt werden können, sollen einfach abgeschnitten werden. Ich will diese später per Button zur Ansicht bringen können.Ob der Nutzer deiner Seite das auch so haben will? Ich würde das nicht wollen; das ist IMHO nicht nutzerfreundlich.
Das würde ich so nicht sagen. Letztendlich soll der Benutzer sich die immer zu sehenden Einträge per drag&Drop selber aussuchen lassen können!
Ich finde die Symbolleiste im Firefox auch Benutzerfreundlich.Schau dir mal die Eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow an.
Diese Eigenschaft hat keine auswirkung wenn ich si in den ul tag als style-attribut einfüge.
-
hi,
Ob der Nutzer deiner Seite das auch so haben will? Ich würde das nicht wollen; das ist IMHO nicht nutzerfreundlich.
Das würde ich so nicht sagen. Letztendlich soll der Benutzer sich die immer zu sehenden Einträge per drag&Drop selber aussuchen lassen können!
Wie "dragge" ich denn ein Element, welches gar nicht im sichtbaren Bereich liegt?
Schau dir mal die Eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow an.
Diese Eigenschaft hat keine auswirkung wenn ich si in den ul tag als style-attribut einfüge.
Wenn ich mal davon ausgehe, dass du ul immer noch so formatiert hast, wie eingangs beschrieben:
overflow:hidden ohne explizit angegebene Maße für das Element ist natürlich weitgehend wirkungslos.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-
-
Tag kozi.
Ich möchte allerdings viele Listenelemente einfügen und diese sollen alle in einer Zeile angezeigt werden.
Dann dürfte dir die Abteilung "Horizontal Lists" auf http://css.maxdesign.com.au/listamatic/index.htm bestimmt weiterhelfen.
Siechfred
-
-