Thema: Bilder mit Links: Warum verschieben sie sich?

Hallo,

ich habe ein kleines Problemchen das ich einfach nicht lösen kann, ich weiß auch gar nicht ob ich hier richtig bin. Ich erstellte eine Navigation unter dem Banner für das Template "Sunshine" (ist aber irrelevant). Mit Dreamweaver habe ich in einer Tabelle 6 Bilder Horizontal erstellt und mit einem Mouseover effekt versehen. Wenn ich jeder Grafik einen Link zuordne, verschieben sich die Grafiken und man erkennt deutlich ein Loch zwischen den Grafiken, warum das so ist weiß ich nicht. Außerdem kann ich die Tabelle nicht zentrieren, egal was ich einstelle sie bleibt Links.

Screenshot:

http://img172.imageshack.us/img172/8751/fehlerrf2.jpg

Das fragezeichen markiert die Lücke, die nicht da sein sollte. Ich benutze FireFox

warum macht man sowas überhaupt als bild?
naja gibts vielleicht nen rahmen oder ein padding?

Weder Rahmen noch Padding, ist alles auf Null gestellt. Und warum man das als Bild macht? Naja, diese Navi oben im diesem Forum ist genauso.

align right?
mach doch mal quelltext hin oder gib nen link

Klar:

HTML-Code:

<table border="0"><tbody><tr><td><a href="http://milesfox.mi.funpic.de/Joomla/google.de"><img src="http://milesfox.mi.funpic.de/Joomla/images/hotbuttonnormal.gif" onmouseover="this.src='http://milesfox.mi.funpic.de/Joomla/images/hotbutton.gif';" onmouseout="this.src='http://milesfox.mi.funpic.de/Joomla/images/hotbuttonnormal.gif';" border="0" alt=" " width="75" height="33" /></a><img src="http://milesfox.mi.funpic.de/Joomla/images/hotbuttonnormal02.gif" onmouseover="this.src='http://milesfox.mi.funpic.de/Joomla/images/hotbutton02.gif';" onmouseout="this.src='http://milesfox.mi.funpic.de/Joomla/images/hotbuttonnormal02.gif';" border="0" alt=" " width="95" height="33" /> </td></tr></tbody></table>

da seh ich jetzt kein fehler
woher kommen denn die weißen trennlinien? die sind ja nicht in den buttons.

und haste es schonmal mit nem align="left" probiert?

Also die Ränder sind teil der Grafik. Align left funktioniert nicht. Wenn ich die Tabelle Links ausrichte, habe ich keine Grafik mehr und wenn ich das Bild Links ausrichte, können die Grafiken nicht mehr nebeneinander dargestellt werden.

hab mal dran versucht:

<table align="left" border="0"><tbody><tr><td>&nbsp;<a href="http://milesfox.mi.funpic.de/Joomla/google.de"><img src="hotbuttonnormal.gif" alt=" " border="0" height="33" width="75"></a><img src="hotbuttonnormal02.gif" alt=" " border="0" height="33" width="95"><a href="http://milesfox.mi.funpic.de/Joomla/google.de"></a><img src="hotbuttonnormal02.gif" alt=" " border="0" height="33" width="95"></td>
</tr></tbody></table> </td>

so gehts, ist aber 2 mal mit dem gleichen menüpunkt und noch ohne dein mousover
probiers mal aus

Danke für die Mühe aber es funktioniert leider auch nicht. Das erste Bild wird korrekt dargestellt und das zweite ist unter dem ersten und eingedrückt.

hmmm
und was passiert wenn du ne tabelle machst und jedes einzelne bild in eine eigene zelle legst? das wäre eh besser als alles in ein td zu stecken