Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.39 veröffentlicht (02.06.25)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Zusätzliches CSS für Nummerierungen
#1
Hallo ins Forum,

für "Aufzählungen in den einzelnen Posts" verwende ich in "ACP – Themes - Zusätzliches CSS" den Code
Code:
ul {
    margin: 2px;
    padding-left: 8px;
    list-style: none;
}

.mylicode {  
    padding-top: 3px;
    padding-left: 18px;
    background-image: url(images/.../list.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
}

Nun stelle ich fest, dass das IMG auch bei Nummerierungen dargestellt wird.

Kann ich für Nummerierungen eine separate Class "mynumcode", ähnlich wie in diesem Beispiel,
Code:
ol {
    margin: 2px;
    padding-left: 20px;
    list-style: decimal;
}

.mynumcode {
    padding-top: 3px;
    padding-left: 25px;
}
verwenden?

Wenn ja, wie müsste diese ".mynumcode" genau aussehen?

Und muss ich dann (wie in dieser Anleitung - Beitrag #8) in der Datei "/inc/class_parser.php" weitere Änderungen vornehmen?
Wenn ja, welche Änderung(en) in welcher Zeile?

- Oder bin ich falsch davor?

Danke für die Hilfe und...
Zitieren
#2
Das Problem ist, dass du die Klasse auf den <li>-Tag anwendest, der ja in beiden Listen Verwendung findet. Ansetzen kannst du, indem du den <ul>- und den <ol>-Tag mit Klassen versiehst:
Code:
<ul class="ullist">
<li>Blah</li>
</ul>

<ol class="ollist">
<li>Blah</li>
</ol>
Danach kannst du das Ganze per CSS formatieren:
Code:
ul {
    margin: 2px;
    padding-left: 8px;
    list-style: none;
}

ul.ullist li {  
    padding-top: 3px;
    padding-left: 18px;
    background-image: url(images/.../list.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
}

ol {
    margin: 2px;
    padding-left: 20px;
    list-style: decimal;
}

ol.ollist li {
    padding-top: 3px;
    padding-left: 25px;
}

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren
#3
Zitieren
#4

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren
#5
Hallo Michael,

alles ok und nach meinem gusto - und einmal mehr ein schneller und toller Support! Smile

Vielen Dank!
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
Question Zweiten (Eigenen css Code für a:link in global.css) ? corun 5 3.567 22.02.2009, 14:29
Letzter Beitrag: linwinman