Lange Produkt-(Text-)Liste ansprechend darstellen

[brans]

Hi Leute

Wieder einmal ein für mich ganz einfach zu lösendes Problem:

Hat jemand von Euch schonmal eine lange Liste von Produkten ansprechend darstellen müssen?

Ich habe das Problem, dass einerseits die Liste an sich relativ lang ist und andererseits die Produktnamen auch aus mehreren Wörtern bestehen können. Weiterhin ist jedes Produkt verlinkt und sollte sich somit vom restlichen Inhalt abheben. Die Liste sollte aber trotzdem so übersichtlich wie möglich bleiben. Es gibt nur eine Ebene.

Ich wäre Euch für einige Beispiele sehr dankbar.

Cheerio

Andi

[Nightline]

Ein Beispiel solltest eher du geben. Wäre interessant, mal einen kleinen Ausschnitt aus der Menge zu sehen.

Zur Gestaltung empfehle ich dir, dich mit CSS und Listen (ul & li) genauer auseinander zu setzen, damit kannst du mit Einrückungen schon mal sehr schön formatieren!

[brans]

Hi Nightline

Vielen Dank für den Hinweis, ich möchte dir aber versichern, dass ich mich im Allgemeinen mit der Formatierung von Listen per CSS sehr gut auskenne. Mir kommt allerdings momentan keine Idee, wie ich eine Liste mit etwas längeren Text, wie etwa das nachfolgende Beispiel aufzeigt, ansprechend gestalten könnte:

Da ich noch relativ am Anfang des Designprozesses der Homepage bin, kann ich die Liste noch ziemlich ohne Vorgaben gestalten.

<ul id="produktliste">
<li><a href="/saegespaene-hackschnitzel.html">Sägespäne und Hackschnitzel</a></li>
<li><a href="/recyclingholz-gebrauchtholz.html">Vorgebrochenes Recyclingholz, unzerkleinertes Gebrauchtholz</a></li>
</ul>

Die Liste enthält gesamthaft etwa 20-25 Elemente, Tendenz steigend. Der zweite Eintrag ist bisher der längste und der Erste repräsentiert etwa die Durchschnittslänge.

[Nightline]

Also ich kann mir mit deinem Beispiel leider noch nicht vorstellen, was das Problem sein soll. Sind diese 20-25 Elemente Einträge wie in deinem Beispiel gezeigt (Link + Beschreibung) oder hat EIN Eintrag soviele Eigenschaften bzw. Infos, die darzustellen sind?

[brans]

Die gesamte Liste umfasst etwa 25 Elemente, welche in etwa so lange wie die oben gezeigten sind. Würdest du also die oberen Beispiele (nur die <li></li> Listenelemente) 12 mal kopieren, hättest du in etwa meine Liste.

[Nightline]

Verstehe. Also ehrlich gesagt wüßte ich nicht, was man an Links großartig schön darstellen könnte.
Ich dachte da eher an viele Daten, die gemeinsam gruppiert dargestellt werden sollen, da hätte man ja mehr machen können. Aber bei einer Linkliste?

mal als anregung

[321]

Du kannst auch <br> in zu lange Texte einfügen.
Die neue Zeile beginnt dann wie die erste: Eingerückt nach dem Aufzählungszeichen (list-style)

• Sägemehl und -Späne
• Ultra lange Späne und
  anderes längliches
• Kurzspäne
  

[brans]

Das mit den <br>-Tags ist mir bekannt.

@ Ingo: Vielen Dank für die Anregung, mir hat einfach irgendwie die zündende Idee gefehlt :-) Ich werde auf jeden Fall sehen, ob ich die Liste in diese Richtung gestalten kann.

Vielen Dank soweit, werde das fertige Resultat natürlich gerne hier posten :-)