Bilder in Tabelle versetzt

mosQ · 12.06.2011

Hallo Leute,

kleines Problem: Bei folgender Website (zufriedener Wohnen |Bildergalerie) habe ich das Problem, dass meine Thumbnails unten im Vergleich zur Leiste rechts etwas versetzt sind, was ein wenig unschön aussieht.

Die Seite an sich stammt nicht von mir, habe lediglich die Bilder eingefügt.

Im IE sieht das Ganze noch ein wenig schlimmer aus als im Firefox.

Für Tipps schon mal vielen Dank.

Mway · 12.06.2011

AW: Bilder in Tabelle versetzt

Hey in deiner Tabell in der die linken Bilder drin stehen steht

<td width="auto" valign="middle">

da schreibst erstmal

<td width="auto" valign="bottom">

hin

irgendwo ist dann noch ein kleiner abstand drin, den ich haber noch nicht gefunden habe.

Zeromax · 12.06.2011

AW: Bilder in Tabelle versetzt

Sehr Kurios was du da gemacht hast. (Sorry für die Ausdrucksweise)

Leicht zu erklären wo der Versatz herkommt:
Du hast eine Tabelle, in dieser ist noch eine, in dieser wiederum ist auch noch eine...

Dein Problem ist folgendes: (Abgekürzte Version.)

HTML:

<html>
<head></head>
<body>
<!-- hier startet deine Seite-->
<table>
Diverser Inhalt
  <table>
  <tr>
     <td>
        <table>
           <tr>
               <td>
           Hier ist den großes Bild drin mit vielen Zellen. Es gibt auch padding oder margin...
               </td>
           </tr>
           <tr>
               <td>
           Weiter unten kommen dann die einzelnen Bilder. Diese sind alle in einer Zelle!
               </td>
           </tr>
        </table>
    </td>
  </tr>
 <tr>
    <td>
        Hier sind alle deine Bilder rechts drin. auch nicht in einzelne Zellen verpackt
    </td>
  </tr>
  </table>



</table>

Generell rate ich dir von Tabellen ab, machs mit Divs.

Falls du das nicht willst, hier ein Tip: Deinen Inhalt alles in eine Tabelle. Die Bilder alle in einzelne Zellen, oder den Rest mit Padding oder margin korrigieren. td, a, tr, p oder sontige haben vordefinitionen die du, wenn du es willst mit margin und padding "zurück setzen" musst. Einfach mal testen.