Auflistung, Aufzählungszeichen: Wie kann man Aufzählungen (unorderd list) mit unterschiedlicher Einrückung (Formatierung) generieren? + gelöst +

  • Hallo forum,
    mein problem ist, dass die normale einrückung der auflistung (unorderd list), welche ja überwiegend auf den inhaltsbereich ausgerichtet ist, eine zu große einrückung (Margin 15px) für den news/teaderbereich aufweist (ergebnis: ungewollte zeilenumbrüche). mein ziel ist also für den news/ teaser-bereich bzw. für kleinere schriftgrößen eine andere formatierung (margin 7px) auszuwählen.

    Weiss jemand wie das geht / wie man die styles.css ggf. ergänzt?

    gruss

    wolfgang

    Einmal editiert, zuletzt von toni (26. November 2012 um 11:15)

  • Hallo Wolfgang,

    versuche doch mal einfach die css-anweisung der zeile des Inhaltsbereiches in den jeweiligen Abschnitt der news/Teaser zu kopieren und abzuändern.

    Gruß
    Jochen

    Gruß
    Jochen

  • Moin Jochen,
    danke für deine hilfe... habe ich gerade gemacht, hat jedoch keinerlei auswirkung...in rot ist die ergänzung, mache ich da was falsch? irgendwie muss es da doch etwas geben, gerade wenn man mit unterschiedlichen schriftgrößen arbeitet.

    hoffe ihr habt da was.....

    gruss
    wolfgang


    #aftermenu {
    margin: -20px 0 30px 0;
    padding: 4px 5px; /*org 4px 10px*/
    font-size: #text(teaser-font-size);
    color: #text(teaser-font-color);
    font-family: Arial, helvetica, sans-serif;
    background-color: transparent;
    /*background-image : url(../media/images/sw-gr-dop-schnitt1.png);*/
    /*background-repeat: repeat;*/
    ul li {
    margin: 0 0 0 5px; /*allgemein 0 0 0 15px*/
    padding: 0 0 6px 0; /* 0 0 6 px 0 Zeilenabstand Listenelement*/
    list-style: #text(global-unordered-list-style);
    }
    }

  • Hallo,

    #aftermenu wirkt sich nur auf den Teaser "Nach Menü" aus und zudem dürfen CSS Regeln nicht verschachtelt sein.

    Wenn Du wirklich die Listen-Formate für den "Nach Menü" Teaser beeinflussen willst, solltest Du eine Regel wie die folgende einfügen:

    #aftermenu ul li {
    margin: 0 0 0 5px; /*allgemein 0 0 0 15px*/
    padding: 0 0 6px 0; /* 0 0 6 px 0 Zeilenabstand Listenelement*/
    list-style: #text(global-unordered-list-style);
    }


    Diese Regel sagt: Suche ein Element mit der ID "aftermenu", das eine ul beinhaltet und wende auf dessen li folgende Formatierung an…
    Wichtig ist, dass diese spezifische Regel im CSS File nach der allgemeinen Regel für die "ul li" kommt, sonst würde die allgemeine Regel die spezifische Regel wieder aufheben.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • achso geht das stefan,
    wunderbar, du hast mir sehr weitergeholfen, klasse auch die zusätzlichen informationen zum gesamtverständnis...

    vielen vielen dank

    wolfgang

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!