Listen LI LU formatieren, es soll eine Linie zwischen jede Zeile

[Heinz]

  
  
#listing {  
   font-size: 14px;  
   }  
#listing LI {  
   padding: 0;  
   margin: 0;  
   }	  
  
#listing UL{  
	padding:0 0 0 20px;);  
   }  
  
#listing UL:first-child{  
	padding:0px;  
   }  

Ich möchte UL und LI formatieren. ich habe nur jetzt ein Problem ich möchte noch zwischen jede Zeile, also LI eine Linie haben. Ich habe es schon mit

#listing LI {  
   padding: 0;  
   margin: 0;  
   border-bottom: #000 1px solid;  
   }	

versucht, aber da habe ich nicht in jeder Zeile eine Linie und ausserdem sind die Grafiken ausserhalb der angezeigten Linie.

Kann mir da jemand weiterhelfen???

Heinz

[Daniel.S]

versucht, aber da habe ich nicht in jeder Zeile eine Linie und ausserdem sind die Grafiken ausserhalb der angezeigten Linie.

Jede Zeile kannst du nur unterstreichen, wenn du text-decoration: underline; verwendest, dies betrifft aber in keinem Fall die Listengraphik.

Dazu sei anzumerken, dass jeder Versuch, Textzeilen mit Hintergrundbildern zu unterstreichen bei den meisten Endkunden durchgestrichene Texte erzeugt.

Wenn du mit "Graphik" den Listenpunkt meinst, kannst du list-style-position: inside; verwenden. Wenn tatsächlich eine Graphik als Listenpunkt verwendest, hast du auch die Möglichkeit den Listenpunkt auszublenden und die Graphik als Hintergrundbild einzufügen.

[Heinz]

Danke!

Habe ich auch die Mölichkeit in der ertsen Eben, zweiten Eben eine andere Graphik einzublenden!

Heinz

[Matthias Apsel]

Om nah hoo pez nyeetz, Heinz!

Habe ich auch die Mölichkeit in der ertsen Eben, zweiten Eben eine andere Graphik einzublenden!

li spricht alle Listenpunkte an

li li, alle, außer die der ersten Ebene

Matthias

[Heinz]

Danke,

das war so einfach, das ich es nirgens gefunden habe.....

[Heinz]

#listing {  
   font-size: 14px;  
   }  
#listing LI {  
   list-style-image:url(pfeil.gif);  
   list-style-position: inside;  
   margin: 0;  
   }  
  
#listing LI LI {  
   list-style-image:url(pfeil2.gif);  
   }  
  
#listing UL{  
        padding:0 0 0 20px;);  
   }  
  
#listing UL:first-child{  
        padding:0px;  
   }  
  
#listing .linie{  
 width:90%; border-bottom: #000 1px solid;  
}

Es funktioniert FAST, wzischen jeder LI ist jetzt eine LINIE nur mit der GRAFIK am Anfang der Zeile habe ich meine Problme, es ist zwar da, aber alles was hinter der Grafik is ist in der näcshten Zeile.

So soll es sein:

Grafik - Listeneintrag
--------------------
Grafik - Listeneintrag
--------------------
Grafik - Listeneintrag
--------------------

So ist es leider:

Grafik
Listeneintrag
--------------------
Grafik
Listeneintrag
--------------------
Grafik
Listeneintrag
--------------------

Über eine erneute Hilfe wäre ich mehr als DANKBAR

Heinz

[Heinz]

So sieht der HTMl Code aus:

<div id="listing">
<ul>
<li><div class="linie">test</div></li>
<li><div class="linie">test</div></li>
<li><div class="linie">test</div></li>
</ul>
</div>

[Matthias Apsel]

Om nah hoo pez nyeetz, Heinz!

<div id="listing">
<ul>
<li><div class="linie">test</div></li>
<li><div class="linie">test</div></li>
<li><div class="linie">test</div></li>
</ul>
</div>

unsinnige Divsuppe!

<ul id="aussagekräftig!">  
<li>Text</li>  
...  
</ul>

list-style-position: inline; und border-bottom: 1px dashed red; sind deine gesuchten CSS-Eigenschaften

Matthias