Tabellen <td></td>-Problem

[Carl]

Hi

ich hab heute versucht eien Teil einer Grafik mit Hilfe einer Imagemap in einen Button zu verwandeln. Das Erstellen der Slices hat auch ganz gut funktioniert. Doch als ich versucht habe den Code in meine Seite einzubauen, bin ich auf ein Problem gestoßen. Das Programm hat die Tabelle so gemacht:

<table width=211 height="30" border=0 cellpadding=0 cellspacing=0>
 <tr>
  <td colspan=3 height="5">
   <img src="Bilder/home_01.gif" width=211 height=5></td>
 </tr>
 <tr>
  <td rowspan=2>
   <img src="Bilder/home_02.gif" width=60 height=25></td>
  <td height="21">
   <img src="Bilder/home_03.gif" width=90 height=21></td>
  <td rowspan=2 height="25">
   <img src="Bilder/home_04.gif" width=61 height=25></td>
 </tr>
 <tr>
  <td height="4">
   <img src="Bilder/home_05.gif" width=90 height=4></td>
 </tr>
</table>

Schön und gut hab ich mir gedacht, aber mir ist es persönlich lieber, wenn die abschließenden </td>-Tags nicht in der selben Zeile sind wie der Inhalt der Zelle sondern in der Darunterliegenden, von der Position her an den einleitenden <td>-Tag angepasst. Als ich das jedoch versucht habe, kam das hier heraus:

<img src="http://freie-geister.de/fehler.jpg" border="0" alt="">

Das sollte so nun aber nicht sein. Durch zahlreiche Versuche habe ich dann auch letztendlich herausgefunden, dass es tatsächlich an den in die nächste Zeile gesetzten </td>-tags liegt.

Nunja, damit konnte ich mich ja noch irgendwie anfreunden. ALs ich dann aber versucht habe den Teil der Gesamtgrafik, der der Button sein soll zu verlinken (<a href="..."><img src="Bilder/home_03.gif" width=90 height=21></a>) hat sich das Gesamtbild der Grafik auch wieder verändert, zwar nicht ganz so extrem wie vorher, aber man sieht es doch, dass das keine zusammenhängende Grafik ist.
Und ehrlich gesagt, verstehe ich das nicht ganz. Das sollte doch eigentlich nicht sein, oder? ODer mache ich was falsch? Und wenn ja, was muss ich denn machen, um das richtig hinzubekommen?

Gruss
Carl

[rainer groth]

Hallo Carl,

ich hab heute versucht eien Teil einer Grafik mit Hilfe einer Imagemap in einen Button zu verwandeln. Das Erstellen der Slices hat auch ganz gut funktioniert. Doch als ich versucht habe den Code in meine Seite einzubauen, bin ich auf ein Problem gestoßen. Das Programm hat die Tabelle so gemacht:

Haettest Du doch eine Image-Map benutzt http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm.

Aber, o.k. Du hast mit Deiner Software (Frage: Adobe Photoshop/ImageReady) dann doch lieber ge-sliced.

...und die Probleme beginnen :-)

... Schön und gut hab ich mir gedacht, aber mir ist es persönlich lieber, wenn die abschließenden </td>-Tags nicht in der selben Zeile sind wie der Inhalt der Zelle sondern in der Darunterliegenden, von der Position her an den einleitenden <td>-Tag angepasst.

Fuer Dich (und mich) uebersichtlicher Quelltext ist eben NICht unbedingt dasselbe fuer die 'kleinen, unwissenden etc. Browser' - also lassen wir ALLE Leerzeichen/Zeilenumbrueche zwischen 'td', 'a' und 'img' weg.

... ALs ich dann aber versucht habe den Teil der Gesamtgrafik, der der Button sein soll zu verlinken (<a href="..."><img src="Bilder/home_03.gif" width=90 height=21></a>) hat sich das Gesamtbild der Grafik auch wieder verändert, ...»»

Ein Grafik-Link wird aehnlich einem Text-Link vom Browser 'hervorgehoben' - er bekommt einen farbigen Rahmen - es sei denn, dem 'img'-Tag wurde mit dem 'border'-Attribut eine Rahmenstaerke zugewiesen (versuch es mal mit 'border=0').

gruesse
rainer groth