Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Bild vor dem Link
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Bild vor dem Link
Pages: [1]
| geschrieben von Bernd24 am 06.04.2004 - 20:56 |
Hallo ich hab ne CSS-Klasse namens doclink:
.doclink:visited {
color:#000000;
}
.doclink:hover {
font-weight:bold;
text-decoration:underline;
}
Kann man vor dem Link noch automatisch über CSS ein Bild einbinden, das immer vor dem Link erscheint???
Ich habs so versuch:
function writepf(){
document.write("<img src='pfeil.gif'>");
}
.doclink {
color:#000000;
text-decoration:none;
font-family:verdana,arial,helvetica;
font-size:10pt;
text-transform: none;
target:iframe;
writepf();
}
.doclink:visited {
color:#000000;
writepf();
}
.doclink:hover {
font-weight:bold;
text-decoration:underline;
writepf();
}
Aber des klappt nisch! |
| geschrieben von Armin am 06.04.2004 - 21:10 |
In die entsprechende CSS noch das mit rein:
list-style-image: url(logo.jpg);
display: list-item;
Bildname noch anpassen.
Armin |
| geschrieben von Bernd24 am 06.04.2004 - 21:14 |
Also die klasse doclink bezieht sich auf nen Anker(<a class="doclink">)
ich hab das getz getestet, funzt aber irgendwie nich |
| geschrieben von Armin am 06.04.2004 - 21:44 |
Nimm mal das
background-image: url(logo85.jpg);
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
Bei padding-left dann an die breite des Bildes anpassen.
Das mit writepf(); versteh ich nicht, wenn schon, muss Du das auch in den JS-tag packen.
Armin
|
|