Photoshop-Cafe.de :: Dein Photoshop-Forum - Web-Design HTML Tabellen-Zwischenräume

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)

- Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)

- -

HTML Tabellen-Zwischenräume (https://www.photoshop-cafe.de/forum/showthread.php?t=6649)

HTML Tabellen-Zwischenräume

Hallo,
Ich hab ein Problem was diesmal HTML betrifft. Ich bin grad dabei meine Website zu programmieren und bin auf ein erstes Hindernis gestoßen. Und zwar hab ich mein Header mit einer Tabelle gemacht, und zwischen der ersten und der zweiten Bildreihe ist so eine hässliche Spalte. :nixweiss:
Wie bekomm ich die weg?

http://www.jfv.de

da kann ich jetzt nichts zu sagen ...
hoffe aber das die leute die ahnung haben es jetzt hier eher finden ;)

Einen Fehler entdecke ich irgendwie auch nicht...
Was du vielleicht mal ausprobieren könntest:

Bei <tr> einfach mal <tr heigth="110px"> einsetzen. Vielleicht bringt das ja was...

Vielleicht könntest du auch probieren cellpadding="0px" zu schreiben, genauso bei cellspacing="0px", obwohl ich nicht glaube dass das was bringt :nixweiss:

Danke fürs Verschieben, Blindguard. Hatte in meinem Frust wohl überhastet gepostet.

Und zu tuffenuff: hab beide Sachen ausprobiert. Zeigen leider beide keine Wirkung. Es verändert sich absolut nichts. :(

http://www.photoshop-cafe.de/phoenix/undef/sosollssein.gif

Der Code ist schlichtweg grausig. Da fehlen zahlreiche </a>´s, da gibts Divs mitten in Tabellen drin ohne </div>´s, ... warum genau die Tabelle rund 5,6 px grösser war weiss ich nicht. Aber so kannst Du das Ding unmöglich ins Netz stellen. Da lässt Du besser PS ran.

Du musst die Pfade fixen:

HTML-Code:

<table cellpadding="0" cellspacing="0">

<tr>

<td>

<a href="./index.html"><img src="jfv/over_0_0.jpg" onmouseover="this.src='./JFV_Grunge/index/mouseover/over_0_0.jpg'" onmouseout="this.src='./JFV_Grunge/index/menu_0_0.jpg'" border="0" style="width: 200px;  height: 110px; border-width: 0px;"></a>

</td>

<td>

<a href="./index.html"><img src="jfv/over_0_1.jpg" onmouseover="this.src='./JFV_Grunge/index/mouseover/over_0_1.jpg'" onmouseout="this.src='./JFV_Grunge/index/menu_0_1.jpg'" border="0"  style="width: 200px; height: 110px; border-width: 0px;"></a>

</td>

<td>

<a href="./index.html"><img src="jfv/over_0_2.jpg" onmouseover="this.src='./JFV_Grunge/index/mouseover/over_0_2.jpg'" onmouseout="this.src='./JFV_Grunge/index/menu_0_2.jpg'" border="0" style="width: 200px; height: 110px; border-width: 0px;"></a>

</td> 

<td>

<a href="./index.html"><img src="jfv/over_0_3.jpg" onmouseover="this.src='./JFV_Grunge/index/mouseover/over_0_3.jpg'" onmouseout="this.src='./JFV_Grunge/index/menu_0_3.jpg'" border="0" style="width: 200px; height: 110px; border-width: 0px;"></a>

</td>

<td>

<a href="./index.html"><img src="jfv/over_0_4.jpg" onmouseover="this.src='./JFV_Grunge/index/mouseover/over_0_4.jpg'" onmouseout="this.src='./JFV_Grunge/index/menu_0_4.jpg'" border="0"  style="width: 200px; height: 110px; border-width: 0px;"></a>

</td>

</tr>



<tr>

    <td><img alt=" " src="jfv/menu_1_0.jpg" style="width: 200px; height: 110px; border-width: 0px;"></td>

    <td><img alt=" " src="jfv/menu_1_1.jpg" style="width: 200px; height: 110px; border-width: 0px;"></td>

    <td><img alt=" " src="jfv/menu_1_2.jpg" style="width: 200px; height: 110px; border-width: 0px;"></td>

    <td><img alt=" " src="jfv/menu_1_3.jpg" style="width: 200px; height: 110px; border-width: 0px;"></td>

    <td><img alt=" " src="jfv/menu_1_4.jpg" style="width: 200px; height: 110px; border-width: 0px;"></td>

  </tr>



</table>

@Phonenix
jetzt weiß ich wenigstens, an wen ich mich wenden kann, wenn ich ein Prob mit meiner Homepage habe:idee:

Dafür ist das Forum doch da ;)

Also erstmal muss ich mich bedanken, dass du dir die Mühe machst. Aber irgendwie hat es immer noch nichts verändert, ich hab deinen Html Code kopiert und die pfade gefixt. Aber ich habe weiterhin diesesn zwischenraum zwischen den zeilen. Kannst du vielleicht nochmal ausführlicher erklären, was du genau gemacht hast?
MfG Jan

http://www.photoshop-cafe.de/phoenix/undef/test.html

Nicht wunder, die mouseover Bilder hatte ich nicht mit geladen.

Ich habe genau das gemacht was ich auch gepostet habe. Allen Müll raus und nur behalten was auch wirklich reingehört und alles was fehlte hinzugefügt.

Dominique, wenn ich deinen Link anklicke, dann über alle rüber fahre, werden sie blau und dann verschieb sich der gesamte Balken nach unten :nixweiss:
Muss das so sein, willst du damit etwas zeigen? :)