HTML Bilder in Tabelle versetzt

[mosquito87]

Hallo Leute,

kleines Problem: Bei folgender Website (http://www.ttr-it-solutions.de/zufriedener-wohnen/BranchenEventBerlin.html) 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.

 

[Plankokan]

<td style="position:relative;top:7px;" height="auto" valign="botton" width="auto">

Ersetzen für die untere Bildreihe, sieht im Opera dann i.O. aus. IE kann ich dir nicht sagen, müsstest du dann vlt. über die CSS Browserweiche ändern


Gruß,
Picola

 

[berto]

@picola: ich denke du hast dich vertippt und wolltest schreiben: bottoM

 

[mosquito87]

Danke euch beiden.
Nun habe ich ja unten noch Lücken zwischen den Bildern. Wie bekomme ich diese weg?
Oder wie bekomme ich diese Lücken zwischen die Bilder rechts?

 

[Plankokan]

Nein wollte ich nicht, funktioniert so bestens.

Ergänzung (12. Juni 2011)

a:link {
color: #92c356;
font-family: "Verdana";
font-size: 12px;
margin-right: -4px;
text-decoration: none;
}

<td style="position:relative;top:7px;left:2px;" height="auto" valign="botton" width="auto">

beides zusammen sollte funktionieren in Opera zumindest


*Edit: Meine Lösung funktioniert nur in Opera, Firefox und IE ist immer noch fehlerhaft... Vlt. solltest du dir ein neues Layout suchen.

 

[QXARE]

@Picola: "botton" gibt es nicht. Es heißt wie berto geschrieben hat "bottom" - für unten.

@Thread: Die Abstände zwischen den Bildern entstehen durch den Leerraum (Leerzeichen) zwischen den einzelnen <a>-Tags (abhängig von der Schriftgröße und Zeilenhöhe). Man könnte entweder

• das HTML dementsprechend anpassen und diese Leerzeichen entfernen,
• oder alle <a>-Tags floaten (style="float:left;"),
• oder die Schriftgröße etc. anpassen (style="font-size:0;line-height:0;")