+- net-board.net Archiv (https://net-board.net)
+-- Forum: Deine eigene Homepage (https://net-board.net/forumdisplay.php?fid=26)
+--- Forum: Scriptsprachen (+Datenbanksysteme) (https://net-board.net/forumdisplay.php?fid=19)
+--- Thema: UL / LI Text in der Mitte darstellen (/showthread.php?tid=5768)
UL / LI Text in der Mitte darstellen - KingGO - 10.02.2008
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
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;"/>
<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;"/>
<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;"/>
<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;"/>
<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;"/>
<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;
}