Zeilenabstand und Bullets bzw. Grafiken

[neo2001]

Hallo!

Ich hab per CSS den Zeilabstand in p-Tags erhöht, mit

line-height : 20px;

soweit so gut - der Abstand wird auch entsprechend eingehalten.

Nun habe ich vor jedem Link einen kleinen Pfeil (eine Grafik), die auf den selben hinweisen soll, eingebaut. Leider wird aber in der Zeile in der nun ein Link (und damit so ein Pfeil) ist die Zeilenhöhe ignoriert und die Zeilen rücken wieder aneinander.

Die Grafik ist nur 12 Pixel hoch - sollte also Problemlos in die Zeile passen. Ausgerichtet wird sie mittig. Aber die Ausrichtung ist auch nicht das Problem.

Nochmal zur Veranschaulichung:

p	    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000000;
        font-size : 12px;
        line-height : 20px;
}

...

<p>
Eigentlicher Text blablabla....
<img src="../images/pfeil.gif" width="12" height="12" alt="" border="0" style="vertical-align:middle">
<a href="sonstwas.htm">Beispiel</a>
...usw.. usw.... balblabla...
</p>

Ich hab das align auch schon rausgenommen -> kein Effekt. Tja, und wenn ich die Grafik rausnehme ist alles so wie es sein soll - ich will aber mit Grafik!

Was mache ich falsch?

 

[Dunsti]

tja, und noch ein Opfer

Webbrowser neigen leider auch im Jahr 2002 immernoch dazu, nicht das zu machen, was man ihnen sagt (beschwerden bitte u.a. nach Redmond )

mach am besten die Grafik größer (mit durchsichtigem Rand oben und unten) damit sie genau 20px hoch ist, dann sollte sich das Problem von selbst erledigen.


Dunsti

 

[Ripper]

Jup das wär die einfachste methode, aber wenn du probleme bekommst machs mit tabellen.

cu Ripper (Tabellen King *g*)

 

[neo2001]

Danke für Eure Antworten.

Ist natürlich nicht so toll. Dann lass ich wohl die Grafiken einfach weg und hebe die Links mit "herkömmlichen" Mitteln etwas besser hervor, denn sonst muss ich jedes mal wenn ich die Zeilenhöhe ändere auch noch ne neue Grafik einfügen bzw. ändern...