padding auf Link

[Frippe]

He Leute,

habe ein Bild verlinkt und brauche ein padding um das Bild.

Mein Lösungsansatz:

a.textInputClass {padding: 10px;}

nur funkt das bei mir nicht!

Ist das Padding überhaupt auf einen Link möglich?

Danke!

mfg Frippe

[Anschinsan]

Versuchs Mal mit

.textInputClass img
{
padding.10px;
}

Dann sind alle Bilder in dieser Klasse mit padding.

So wie du das schreibst, wird es nur auf <a> tags mit dieser Klasse angewandt - du möchtest es aber auf ein <img> anwenden.

Also ...
img.textInputClass {padding: 10px;}
... müsste auch funktionieren, wenn dein tag so aussieht:
<img class="textInputClass" ...>

Viel Spaß beim rumprobieren, Anschinsan

He Leute,

habe ein Bild verlinkt und brauche ein padding um das Bild.

Mein Lösungsansatz:

a.textInputClass {padding: 10px;}

nur funkt das bei mir nicht!

Ist das Padding überhaupt auf einen Link möglich?

Danke!

mfg Frippe

[J. Be]

Ist das Padding überhaupt auf einen Link möglich?

Soweit ich weiß ja.

[OhneName]

Hallo,

nur funkt das bei mir nicht!

Wenn du "funktionieren" meinst, dann schreibe es auch, "funkt" kommt von "funken", was du ja wahrscheinlich nicht meintest.

Ist das Padding überhaupt auf einen Link möglich?

Ich glaube ein display:block; könnte da Wunder bewirken.

Gruss,
OhneName

[J. Be]

Hallo,

nur funkt das bei mir nicht!
Wenn du "funktionieren" meinst, dann schreibe es auch, "funkt" kommt von "funken", was du ja wahrscheinlich nicht meintest.

Die korrekte form von funktionieren lautet hier: funzt

:)

Ist das Padding überhaupt auf einen Link möglich?
Ich glaube ein display:block; könnte da Wunder bewirken.

Eigentlich ist das nicht nötig. Ein Inline-Element hat auch Innenabstand (zumindest in der Horizintalen) ohne dass man es in ein Blockelemt umwandelt (was ja zahlreiche Nebeneffekte hat).

Alternativ könnte man dem Bild im Link ein margin oben und unten geben.