Grafiken in Listen

[Chris]

Hi,

ich komme mit einer Liste nicht weiter:

Das ganze soll so aussehen:

Leider sind bei meiner Liste die Pfeile nie auf der gleichen höhe wie der Text und die Linien unter den Punkten gehen immer von Wortanfang los, nicht von dem Aufzählungszeichen.

Hier mein CSS:

  
ul#ZweiteNavigation  
{  
    margin:      40px 0px 0px 25px;  
 padding:     0px 0px 0px 0px;  
}  
  
ul#ZweiteNavigation li  
{  
 font-weight:    bold;  
 margin:      14px 0px 9px 0px;  
 padding:     0px 0px 0px 0px;  
 list-style-position:  outside;  
}  

und das HTML:

  
<ul id="ZweiteNavigation" style="list-style-image:url(layout/ListenPfeil.gif);">  
  <li><a href="index.php" target="_self">Startseite</a><img src="layout/Zwischenlinie.gif" width="160" height="2"></li>  
  <li><a href="index.php" target="_self">Kunden</a></li>  
</ul>  

Kann mir da jemand helfen?
Wie bekomme ich die Aufzählungsgrafik auf eine Höhe mit dem Text?
Wie kann ich die Linie auch unter die Aufzählungsgrafik bekommen?

Danke schon mal
Bye, Chris

[Cheatah]

Hi,

Leider sind bei meiner Liste die Pfeile nie auf der gleichen höhe wie der Text

das ist einer der Gründe, weshalb man üblicherweise nicht mit list-style-* arbeitet, sondern mit den background-Eigenschaften.

und die Linien unter den Punkten gehen immer von Wortanfang los, nicht von dem Aufzählungszeichen.

[...]

list-style-position:  outside;

Das wundert Dich tatsächlich?

<ul id="ZweiteNavigation" style="list-style-image:url(layout/ListenPfeil.gif);">

Ich nehme an, das style-Attribut hast Du nur zu Testzwecken benutzt.

Cheatah