Super, das war genau das, was ich gebraucht habe. Ich danke dir vielmals.
Beiträge von stiff82
-
-
Hallo,
danke für die Antworten.
Die Seite steht nicht im Internet, sondern wird für eigene Zwecke im Intranet stehen.
text-overflow ist mir bekannt. Würde ich hier aber nicht anwenden wollen.
Mit display: table-row würde es gehen, allerdings kann ich dann in der Menüstruktur padding-left für untergeordnete Menüpunkte nicht mehr anwenden.
HTML
Alles anzeigen<html lang="de"> <head> <title>Test</title> <style> aside { width: 15rem; overflow-x: scroll; } span { display: block; white-space: nowrap; } span:nth-child(odd) { background-color: rgb(0, 255, 0); } span:nth-child(even) { background-color: rgb(255, 0, 0); } </style> </head> <body> <aside> <span>Menuepunkt 1</span> <span>Menuepunkt 2</span> <span style="padding-left: 1rem;">Menuepunkt 3 mit mehr Text fuer den overflow</span> <span>Menuepunkt 4</span> </aside> </body> </html> -
Hallo,
ich sitze hier seit einigen Tagen mit einem Problem.
Vielleicht könnt ihr mir ja helfen.
Ich möchte im aside eine Menüliste ausgeben.
Wird der Text zu lang, soll der überstehende Teil des Textes versteckt werden. Mit der Scrollbar kann ich mir den versteckten Text dennoch anschauen.
Code
Alles anzeigenaside { width: 15rem; overflow-x: scroll; } aside span { display: block; } aside span:nth-child(odd) { background-color: rgb(255, 0, 0); } aside span:nth-child(even) { background-color: rgb(0, 255, 0); } <span>Menüpunkt1</span> <span>Menüpunkt2</span> <span>Menüpunkt3miteinemsehrlangenTextderüberstehensollundmitderScrollbarangeschautwerdenkann</span> <span>Menüpunkt4</span> Problem: Der Listenhintergrund wächst nicht mit. Sobald ich die Scrollbar betätige, wird der Hintergrund von aside sichtbar, der Listenhintergrund hört aber auf (siehe Anhang). Hat vielleicht jemand einen Tipp?