net-board.net Archiv

UL / LI Text in der Mitte darstellen

Hallo,

Ich möchte wie unten auf dem Bild schon zu sehen ist. das <li> Mittig zum vorderen Icon angezeigt wird.

mein CSS Source

Code:
ul {

    padding-left: 23px;

}

li{

    list-style-image: url('images/website/icons/blog_title_icon.png');

}

@ Pattex, Thumbnails haben eine sehr schlechte quallität seit Serverwechsel bitte Problem fixxen Wink

EDIT: Ich habe es hinbekommen nun sieht das ganze so aus. siehe Bild 2.

gemacht habe ich folgendes...

Im HTML Code dieses...

Code:
<ul>

     <li>

      <img src="inc/images/website/icons/blog_title_icon_multimediaes.png" width="16" height="16" alt="Media" title="Media" style="float: left;"/> &nbsp;

      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">I am Legend</a>

     </li>

     <li>

      <img src="inc/images/website/icons/blog_title_icon_fund.png" width="16" height="16" alt="Fundstück" title="Fundstück" style="float: left;"/> &nbsp;

      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">Fundstück des Monats Januar/2008</a>

     </li>

     <li>

      <img src="inc/images/website/icons/blog_title_icon_sonstiges.png" width="16" height="16" alt="Sonstiges" title="Sonstiges" style="float: left;"/> &nbsp;

      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">Über Gott und die Welt</a>

     </li>

     <li>

      <img src="inc/images/website/icons/blog_title_icon_musik.png" width="16" height="16" alt="Musik" title="Musik" style="float: left;"/> &nbsp;

      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">Neuste Hit von Deepforces</a>

     </li>

     <li>

      <img src="inc/images/website/icons/blog_title_icon_news.png" width="16" height="16" alt="News" title="News" style="float: left;"/> &nbsp;

      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">Netcode im neuen Design</a>

     </li>    

    </ul>

Und in der CSS

Code:
#content li{

    list-style-image: none;

    list-style-type: none;

    height: 22px;

}

KingGO