Aufzählung mit CSS

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Aufzählung mit CSS

    Vielleicht steh ich gerade auf der Leitung, aber ich möchte eine Aufzählung machen, ähnlich diesem Typ hier:

    • blabalabalabalabalabalabalbalblablablablabalabalabalabalabalabaalbaalabalabalabalaabalabalbalal blabalabalabalabalabalabalbalblablablablabalabalabalabalabalabaalbaalabalabalabalaabalabalbalal
    • blabalabalabalabalabalabalbalblablablablabalabalaba
    • blabalabalabalabalabalabalbalblablablablabalabalabalabalabalabaalbaalabalabalabalaabalabalbalal


    Die Punkte sollen durch Bilder mit hinterlegtem Link ersetzt werden, die zweite bzw. folgenden Zeilen werden, wie hier auch dargestellt, eingerückt.
    Kann mir einer einen Tip geben, wie man dies geschickt mit css macht? :ööm:
    Eine Formatierung via Tabelle wollte ich möglichst vermeiden.

    thx

    talkinghead
  • listen grundsätzlich mit dem li tag bildchen anstatt punkte davor setzen würde auch noch gehen diese allerdings als link geht nicht so einfach...

    falls du es aber so haben willst könntest du es auch per <label> malchen dein quelltext müsste dann in etwa so aussehen:

    HTML-Quellcode

    1. <label for="a"><a href="link.html"><img src="bild.jpg"></a></label><div id="a">das was dahinter kommen soll</div><br/>
    2. <label for="b"><a href="link.html"><img src="bild.jpg"></a></label><div id="b">das was dahinter kommen soll</div><br />
    3. <label for="c"><a href="link.html"><img src="bild.jpg"></a></label><div id="c">das was dahinter kommen soll</div><br />


    dann gibst du dem label atribut per css einfach per

    HTML-Quellcode

    1. label
    2. {
    3. width:**px;
    4. }


    eine feste breite und schon hast du ne schicke liste in der durch das div element jedes mal bei einer neuen zeile die einrückung beachtet wird
    Signatur entsprach nicht den Boardregeln.
    ->gelöscht by lukas2004
  • hi
    folgendes ist realisierbar:
    - eine Liste, welche als Punkt ein Bild zeigt.
    - eingerückt Liste

    allerdings kannst du, wie n0n4m3 schon erwähnte, die Bilder nicht verlinken.

    ´gruß
    [size=1][FONT="Courier New"]###############_###_####_
    #_ __ #___ _ _| |_(_)__(_)__ _ _ _###############new uploads: [1] [2] [3] [4] [5] [6] [7] [8]
    |#'##\/ _ \ '_|##_| / _| / _` | ' \
    |_|_|_\___/_|##\__|_\__|_\__,_|_||_|###############Bis 28. Sept. weg[/FONT][/size]