Listenformatierung

Computer: Software & Programmierung HTML & CSS
#1

Hallo zusammen,
ich möchte eine Listenformatierung mit Spiegelstrichen machen.
Geht das?

Nach dem Motto:

  • erstens
  • zweitens
  • drittens

Zweite Frage:
Vor Beginn der Liste kommt immer ein ziemlicher Abstand. Kann man den verhindern? Es sieht also meist so aus:

Nach dem Motto:

  • erstens
  • zweitens
  • drittens

Vielen Dank,
derr

#2

Hi derr,

als Anregung:

Anfang

  • erstens mit Bindestrich
    mit Umbruch aber nur bedingt gut…
  • zweitens evtl. mit list-style-image
  • drittens mit magin-top / margin-bottom
  • viertens mit „position:relative“

Ende

CU (M)ike

#3

Hallo zusammen,
ich möchte eine Listenformatierung mit Spiegelstrichen machen.
Geht das?

list-style-type bietet leider keine Spiegelstriche an, man kann aber etwas tricksen (s.u.)

Zweite Frage:
Vor Beginn der Liste kommt immer ein ziemlicher Abstand. Kann
man den verhindern? Es sieht also meist so aus:

‚margin-left‘ und ‚padding-left‘ sind Dein Freund.

Hier ein Beispiel (die Unterstriche vor den ‚li‘ wegnehmen)

 ul.Striche {
 /\* Es gibt leider keinen Typ für Striche (siehe http://de.selfhtml.org/css/eigenschaften/listen.htm#list\_style\_type), daher nehmen wir da Zeichen hier weg und nutzen ':before' (s.u.) \*/
 list-style-type: none;
 /\* linken Abstand wegnehmen \*/
 margin-left: 0;
 padding-left: 0;
 }
 ul.Striche li:before {
 /\* Vor jedes Listenelement "- " einfügen. Der IE kann das leider nicht \*/
 content: "- ";
 }

Eins
Zwei
Drei

Gruß
Diether

#4

Hallo Mike,
herzlichen Dank,
mit „list-style-image“ habe ich gute Ergebnisse.
Einfach ein transparentes Einfarben-GIF erzeugt, klappt prima.
*Sternchen*
derr

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]