nicht angemeldet
Hohes Bild in UL - Text oben ausrichten?
Hallo,
ich habe eine Grafik mit 38x39 Pixel Größe. Diese wird für die Listenelemente einer UL verwendet. Hier mein Code:
CSS (ausgelagert):
UL.csc-bulletlist-1 {
LIST-STYLE-IMAGE: url(list_ohren.jpg);
list-style-position:inside;
width: 800px;
}
UL.csc-bulletlist-1 LI {
}
HTML:
<HTML lang=de-DE xml:lang="de-DE" xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE>faszination-hoeren: Schutz</TITLE>
<LINK title="" media="screen" href="faszination-hoeren%20Schutz-Dateien/main.css" type="text/css" rel="stylesheet">
</HEAD>
<BODY>
<H2>Sieben Tipps zum Schutz des Gehörs</H2></DIV>
<UL class="csc-bulletlist csc-bulletlist-1">
<LI><STRONG>Wenn Sie ein Rockkonzert oder eine Disko besuchen, vergessen Sie
die Ohrstöpsel nicht. Stellen Sie sich nicht in die Nähe von Lautsprechern und
gönnen Sie Ihren Ohren auch während des Konzerts von Zeit zu Zeit eine
Ruhepause.</STRONG></LI>
<LI>Stellen Sie den Fernseher, die Stereoanlage, das Autoradio oder den
MP3-Player leiser. Auch bei der Verwendung von Kopfhörern sollten Sie auf die
Lautstärke achten.</LI>
</UL>
</BODY>
</HTML>
Danke für jede Hilfe.
-
Ist erledigt; Trick ist mit background-image zu arbeiten:
UL.csc-bulletlist-1 {
list-style-position:outside;
width: 500px;
list-style-type:none;
}UL.csc-bulletlist-1 LI {
background-image:url(list_ohren.jpg);
background-repeat: no-repeat;
padding-left:40px;
padding-bottom:20px;
}