Foren-CSS anpassen: margin-bottom für <li>

theHacker

theHacker

sieht vor lauter Ads den Content nicht mehr
Teammitglied
ID: 69505
L
20 April 2006
22.680
1.315
Moinmoin.

Ein kleiner Verbesserungsvorschlag, was mich schon lange nervt.
Könnte man das Foren-CSS anpassen und den <li>s n minimales margin-bottom geben? Mein Vorschlag:
Code: 
li {
  margin-bottom: 6px;
}
Bei längeren Aufzählungen is das immer so unübersichtlich. Im normalen Fließtext macht jeder Absätze durch Leerzeilen, aber bei Aufzählungen is das nicht möglich (bzw. nur mit Tricks), weil das Forum leerstehende Zeilen automatisch entfernt.

Bsp:
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero ero.
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Besser (ich mach hier mit dem Trick jetzt Leerzeilen rein):
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    .
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    .
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero ero.
    .
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    .
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 
Klar ... global fürs ganze Forum?
Oder irgendwie auf Posting-Divs beschränkt?
 
Mir gings eigentlich nur um die Postings.

Wo sind denn im Forum sonst Aufzählungen? Wenn du global die <li>s bearbeitest, gehen sicherlich irgendwelche Sachen kaputt. Ok, grade nachgesehen, z.B. dieses Menü, was hier überall is, is mit Tabellen gebaut :roll: :LOL:

Ne, nur Postings würde eigentlich reichen :)
 
klamm schrieb:
Wenn Du mir jetzt noch den Klassenpfad dahin aufmalst, mach ich das. ;)
Zum Vergrößern anklicken....
Du bist lustig; den weiß ich genauso viel wie du :mrgreen:

Auf den ersten Blick würd ich sagen:
Code: 
div[id^="post_message_"] li
(Vorsicht: CSS3-Selektor! Specs, Support, nur IEs<=6 interpretieren ihn nicht)
Am sichersten is, du änderst das entsprechende Template und schreibst ne Klasse dazu.

edit: Jo, sieht sogar gut aus.
In PNs steht nämlich nur
HTML: 
<div id="post_message_"> ...
:biggrin:

edit2: Ich habs mal in meinem Browser als Nutzerstylesheet hinzugefügt.
Wenn du nix mehr von mir hörst, sind mir keine negativen Konsequenzen aufgefallen.
 
Noch einfacher:
HTML: 
<div id="post_message_6123731" class="pmsg">
Funzt ... siehe Post1. ;)
 
Sagte ich ja bereits: Klasse einsetzen, wenn dir CSS3 zu heiß is :mrgreen:

Thx :)
 
Würdest du deine Webseiten ordentlich schreiben, könnte ich n XML-Parser einsetzen und wunderschön mit nem XPath-Ausdruck auslesen, was ich brauch.

Aber ne.... 73 Errors :p

Ich hatte schon großzügig .* eingesetzt, aber wer konnte rechnen, dass in einem Tag n Attribut dazukommt? :mrgreen:
 
Ach, das sind doch nur Folgefehler, weil das Forum XHTML ist und die klamm-Teile HTML ... ;)
 
Ein XML-Parser würde "Folgefehler" und "normale Fehler" aber nicht von Parse Errors unterscheiden können :p
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben