<li> mit definierter line-height

[chrisdine]

Hallo,
ich möchte eine Auflistung mit einem roten Listenpunkt darstellen.
Mit CSS definiert klappt auch alles schön, nur sind die Zeilenabstände immer so gross und weder das CSS für die Schrift <h?>noch für den Listenpunkt <li> oder <ul> verändern den Abstand. STUR!

Geht das überhaupt?! Danke im Vorraus Chrisdine

[Jan]

Hallo,
du meinst sicher den abstand zwischen den einzelnen listenpunkten,
den kannst du zb mit li {margin-bottom:....;} beeinflussen.

Gruss, Jan aus Dresden

[chrisdine]

li {list-style-type: disc;
   color:#CC0909;
   margin-bottom:3px;
   margin-top:3px;
}

h6 {font-family:'Helvetica','Arial','Sans-Serif';
 font-size: 9pt;
 text-align: left;
 line-height: 17px;
 margin-left: 6px;
 font-weight:bold;
 letter-spacing: 0.13mm;
 font-stretch:semi-expanded;
 word-spacing:2pt;
 color: #4C4C4C;
}

So das ist der CSS code und trotzdem hab ich mindestens 27px Abstand dazwischen. hab ich gerade in Photoshop sogar nachgemessen, weil ich es so unglaublich finde. Der Text wird in einem Content-Managment-System eingegeben daher die große Schrift.

<UL>
<LI>
<H6>Planung, Beratung, Projektkoordination</H6></LI>
<LI>
<H6>Back-Office-Organisation</H6></LI>
<LI>
<H6>Fragenkataloge</H6></LI>
<LI>
<H6>Personalplanung</H6></LI>
<LI>
<H6>Präsenzerfassung</H6></LI>
<LI>
<H6>Umsetzung der gesamten .....usw.</H6></LI>
</UL>

kommt jemand drauf ....?
Grüsse Chrisdine

[Herbalizer]

Hi!

Hx-Elemente haben immer einen gehörigen Abstand (margin) umsich herum. Die Lösung ist daher, entweder H6-Elemente zu entfernen und stattdessen span-Elemente einzusetzen und diese entsprechen zu formatieren, oder neben den
margin-left: 6px; noch die margins für oben unten und rechts 0 zusetzen: margin:0 6px 0; oder margin:0 0 0 6px; http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm#margin Ich würde dir die erste Möglichkeit ans Herz legen, da Hx-Elemente als Überschriften bestimmter Ordung definiert sind und ich hier nicht erkennen kann, das es sich hierbei tatsächlich um Überschriften handelt.

Gruß Herbalizer

[chrisdine]

Danke ..danke...danke

genau - wieso nicht gleich so.
nur möchte ich doch rote Listenpunkte und schwarzen Text also muss ich das dann im <span> CSS schreiben das die Schrift schwarz wird. oder??

Vielen Dank noch mal

[Herbalizer]

Hi!

nur möchte ich doch rote Listenpunkte und schwarzen Text also muss ich das dann im <span> CSS schreiben das die Schrift schwarz wird. oder??

Richtig.

Gruß Herbalizer

[MudGuard]

Hi,

h6 {font-family:'Helvetica','Arial','Sans-Serif';
font-size: 9pt;
text-align: left;
line-height: 17px;
margin-left: 6px;
font-weight:bold;
letter-spacing: 0.13mm;
font-stretch:semi-expanded;
word-spacing:2pt;
color: #4C4C4C;

margin-bottom:2px; /* oder sonst irgendein kleiner Wert... */

}

<UL>
<LI>
<H6>Planung, Beratung, Projektkoordination</H6></LI>
<LI>

wozu die h6? Sind das wirklich Überschriften? Ansonsten: li direkt per CSS formatieren...

cu,
Andreas

[Bio]

Sup!

Was hast Du denn bisher so probiert? Code wäre gut...

Gruesse,

Bio