padding-left mit Zeilenumbruch???

Doljaka · 30.09.2005, 15:27

Hallo,
steh gerade auf'm Schlauch.
Kann mir jemand verraten, wie ich per CSS einen Link im <tr> Tag auch mit
Zeilenumbruch 20 px vom linken Rand entfernen kann?

Bei mir funktioniert mit padding-left: 20px; immer nur die 1. Zeile, die folgenden automatisch gebrochenen Linkzeilen sind wieder ganz am linken Rand.

Bin für jede Hilfe dankbar
Gruß
Jan

Boris · 30.09.2005, 15:43

Packs in ein hinein

Ich bin ein langer Absatz

P.S. Du meinst doch sicherlich ein <td> Tag?

Doljaka · 03.10.2005, 10:47

Hallo,
jetzt ist es zwar "in einer Flucht". Ich möchte jedoch ein Hintergrundbild
einbinden, welches bei "hyper" links vor den Links erscheint. Mit 
erscheint das Hintergrundbild am linken Rand des links, nicht aber davor.

Bin für jeden Tip dankbar

hero-master · 03.10.2005, 15:26

Hi

Zitat:

Zitat von Doljaka

Ich möchte jedoch ein Hintergrundbild
einbinden, welches bei "hyper" links vor den Links erscheint. Mit 
erscheint das Hintergrundbild am linken Rand des links, nicht aber davor.

Ich hab das jetzt so verstanden:
Du willst vor einem Link ein Bild haben, dass du per Hintergrundbild definieren willst. Richtig?

Wenn ja, musst du dem a-Tag ein padding-left zuweisen

(wird vom IE 5.01 nicht beachtet, ist aber eigentlich unwichtig

)

Doljaka · 03.10.2005, 21:28

hier der Beispielcode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
</head>

<body>
<table width="20 px" border="0" cellspacing="0" cellpadding="0">
<tr >
<td><a href="http://google.de" style="background-image:url(images/Pfeil.gif); background-repeat:no-repeat; background-position: left; background-attachment:fixed; padding-left: 20px">Dies wird ein Link</a></td>
</tr>
<tr>
<td width="30"><a style="background-image:url(images/Pfeil.gif); background-repeat:no-repeat; background-position: left; padding-left: 20px" href="http://google.de">Dies wird ein Link</a> </td>
</tr>
</table>
</body>
</html>

Dies ist Pfeil.gif:

Wenn ihr das ausprobiert sieht man das der Linktext nicht im Blocksatz erscheint. Genau das möchte ich aber. Das Hintergrundbild muss auch mit dem Link in Verbindung stehen, da dies später nur bei hover gezeigt werden soll.

Boris · 03.10.2005, 22:07

Das geht nur mit einem Blockelement wie P, DIV etc., aber nicht mit einem Inlineelement (welches A ist).

padding-left mit Zeilenumbruch???

<p> ist schon ganz gut, aber...

immer noch kein Blocksatz (m. Beispiel)