Opera fehlerhafte Anzeige?

[Toeb]

Hi,

kann mir jemand sagen, weshalb der Opera neber der ersten Grafik rechts/unten einen kleinen Strich von ca. 5 Pixeln breite macht?

Ich hatte den Code mit Buttons als Grafiken, die mittlere Grafik ist bzw. war ein Spacer.

Das Problem tritt nur auf, wenn die erste Grafik verlinkt ist, auch bei border 0 und dergleichen. Das Problem besteht nur im Opera.
Hab alle Formatierungen und Attribute weggenommen, aber das Problem besteht trotzdem.

Hier ein Beispiel, hab den Strich rot umrandet:
www.toeb.de/show/strich.gif

Hier der Code:

<a href="#">
 <img src="#" width="50" />
 </a>

<img src="#" width="20" height="1" />

<img src="#" width="50" />

Viele Grüße Toeb

[Axel Richter]

Hallo,

kann mir jemand sagen, weshalb der Opera neber der ersten Grafik rechts/unten einen kleinen Strich von ca. 5 Pixeln breite macht?

Das Problem tritt nur auf, wenn die erste Grafik verlinkt ist, auch bei border 0 und dergleichen. Das Problem besteht nur im Opera.

Nein, im IE6 auch.

Hab alle Formatierungen und Attribute weggenommen, aber das Problem besteht trotzdem.

Hier ein Beispiel, hab den Strich rot umrandet:
www.toeb.de/show/strich.gif

Hier der Code:

<a href="#">
<img src="#" width="50" />
</a>

<img src="#" width="20" height="1" />

<img src="#" width="50" />

Das sind, ohne CSS Einfluss, alles Inline-Elemente. Die _müssen_ in einem Block-Element stehen und stehen dort in einer Textzeile.

Gerendert wird die Textzeile wie folgt (Leerzeichen schreibe ich als [SP]):
[A][IMG][SP][/A][SP][IMG][SP][IMG]

Wie Du siehst, stehen innerhalb des A-Elements das Bild, gefolgt von einem Leerzeichen. Der Strich ist die underline des A-Elements.

Das Leerzeichen resultiert aus dem white space, der durch die Zeilenschaltung im A-Tag erzeugt wird.

<a href="#"><img src="#" width="50" /></a>
So ist da kein white space mehr.

viele Grüße

Axel

[Toeb]

Danke für die Info, hätte ich eigentlich selber drauf kommen können.
Mich hat wahrscheinlich verwirrt, dass es nur bei der ersten Grafik war, auch wenn beide auf die gleiche weiße verlinkt waren.

Also:
<a href="#">
<img src="#" width="50" />
</a>
<img src="#" width="20" height="1" />
<a href="#">
<img src="#" width="50" />
</a>

Komisch, dass dann nur bei der ersten Grafik der Space angezeigt wurde!?

Nochmal danke für die Info.