Hintergrund von verlinkten Bildern

[DD]

Ich habe bis jetzt zwei Möglichkeiten gefunden, um bei einem verlinken Bild den Hintergrund zu verändern:

<style> #userneopets a {display:block; height: 150px; width: 150px; background:url('URL.gif' no-repeat;} </style>

<style> img {background-image:url(URL.gif) no-repeat;}</style>

Der HTML Code hierzu wäre:

<a href="#"><img src="Bild.png"></a>

Beide Varianten sollten eigentlich funktionieren, doch durfte ich soeben feststellen, dass Möglichkeit 2 nicht mit dem AOL Browser funktionert.
Wäre hier die Lösung einfach Variante 1 zu benutzen, oder gibt es dann andere Browser, bei denen das wiederrum nicht funktioniert?

[ChrisB]

Hi,

Beide Varianten sollten eigentlich funktionieren, doch durfte ich soeben feststellen, dass Möglichkeit 2 nicht mit dem AOL Browser funktionert.

a) Benutzt den irgendjemand, der nicht komplett meschugge ist ...? (p.c.e.)

b) Nutzt AOL in seiner Software-Suite nicht die Rendering-Engine des IE? Wie sieht's aus, wenn du's mit diesem testest?

Wäre hier die Lösung einfach Variante 1 zu benutzen,

Nun ja, es sind halt zwei andere Ansaetze, bei denen du unterschiedlichen Elementen die Formatierung verpasst. Du musst wissen, was du willst :-)

oder gibt es dann andere Browser, bei denen das wiederrum nicht funktioniert?

Grunsaetzlich sollte beides in einem standardkonformen Browser "funktionieren".

MfG ChrisB

[DD]

a) Benutzt den irgendjemand, der nicht komplett meschugge ist ...? (p.c.e.)

Leider ja =(

b) Nutzt AOL in seiner Software-Suite nicht die Rendering-Engine des IE? Wie sieht's aus, wenn du's mit diesem testest?

Rendering-Engine!? Muss ich aml schaun, danke ;)

Nun ja, es sind halt zwei andere Ansaetze, bei denen du unterschiedlichen Elementen die Formatierung verpasst. Du musst wissen, was du willst :-)

Naja, eigentlich wärs mir schon lieber den Link nicht als Block Element zu haben

oder gibt es dann andere Browser, bei denen das wiederrum nicht funktioniert?

Grunsaetzlich sollte beides in einem standardkonformen Browser "funktionieren".

Ok, danke für deine Antwort ;)

[suit]

b) Nutzt AOL in seiner Software-Suite nicht die Rendering-Engine des IE? Wie sieht's aus, wenn du's mit diesem testest?

Rendering-Engine!? Muss ich aml schaun, danke ;)

auch layout engine genannt - die des internet explorer heisst "trident"

Nun ja, es sind halt zwei andere Ansaetze, bei denen du unterschiedlichen Elementen die Formatierung verpasst. Du musst wissen, was du willst :-)

Naja, eigentlich wärs mir schon lieber den Link nicht als Block Element zu haben

das mit dem block element versteh ich jetzt nicht - du kannst übrigens deine deklaration auch beiden elementen zuweisen - oder nur bildern die kinder von links sind

  
a img {  
  /* img welches nachfahre in irgend einer tiefe von a ist */  
}  
  
a, img {  
  /* a und img */  
}  

Grunsaetzlich sollte beides in einem standardkonformen Browser "funktionieren".

sagen wir so - es ist auch bei nicht standardkonformen browsern möglich und man deckt sicher gute 90 bis 95% der benutzer ab (ie 6 und 7, firefox 2, opera und safari)