Tabelle zerschlägt es mir :(

Eerodesign

Hallo zusammen... ich habe eine einfache Tabelle gemacht mit 3 Spalten.

1. Spalte: Bild
2. Spalte: Text
3. Spalte: Text

Leider setzt es mir das Bild immer höher als der Text! weiss jemand weshalb?

Hier mein Code:

HTML

<table border="0" width="100%">
<tbody>
<tr>
<td width="20%"><img class="alignnone size-full wp-image-184" title="Geschaeft" src="http://baumet.ch/wp-content/uploads/2011/03/Geschaeft.jpg" alt="" width="100" height="100" /></td>
<td style="text-align: left;" width="30%"><strong>Anschrift</strong>
Baumet AG
Rietstrasse 7
9463 Oberriet</td>
<td style="text-align: left;" width="50%">Tel:   071 761 38 28
Fax: 071 761 38 29
<a href="mailto:info@baumet.ch">info@baumet.ch</a></td>
</tr>
<tr>
<td width="20%"><img class="alignnone size-full wp-image-184" title="Geschaeft" src="http://baumet.ch/wp-content/uploads/2011/03/Geschaeft.jpg" alt="" width="100" height="100" /></td>
<td style="text-align: left;" width="30%"><strong>Inhaber</strong>
Josef Baumgartner</td>
<td style="text-align: left;" width="50%">Tel:   071 761 38 28
Fax: 071 761 38 29
<a href="mailto:j.baumgartner@baumet.ch">j.baumgartner@baumet.ch</a></td>
</tr>
<tr>
<td width="20%"><img class="alignnone size-full wp-image-184" title="Geschaeft" src="http://baumet.ch/wp-content/uploads/2011/03/Geschaeft.jpg" alt="" width="100" height="100" /></td>
<td style="text-align: left;" width="30%"><strong>Administration</strong>
Ursula Baumgartner</td>
<td style="text-align: left;" width="50%">Tel:   071 761 38 28
Fax: 071 761 38 29
<a href="mailto:u.baumgartner@baumet.ch">u.baumgartner@baumet.ch</a></td>
</tr>
</tbody>
</table>

Alles anzeigen

Die ganze Ausgabe findet Ihr hier: http://baumet.ch/?page_id=59

Ich wäre über eine schnelle Antwort sehr dankbar. Danke und gruss an die WP-Gemeinde!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

wpsun

Hier ist die schnelle Antwort:
http://de.selfhtml.org/css/eigenschaf…#vertical_align

Lesen musst Du aber noch selbst.

Eerodesign

Zitat von wpsun

Hier ist die schnelle Antwort:
http://de.selfhtml.org/css/eigenschaf…#vertical_align
Lesen musst Du aber noch selbst.

Hallo

Vielen dank für deine rasche Antwort! ich habe diese Sache getestet, aber wohl irgendwo einen fehler:( ich bringe es nicht hin!

kannst du mir vielleicht den Code angeben, welcher ich beim IMG einbinden muss?

wpsun

Hier ist die Tabelle. Der Text wird jetzt oben stehen.
Die Tabelle auf der Homepage hat eine Mindesthöhe, schalte diese aus, dann stehen Bilder auf Höhe des Textes.
Ich habe in u.s Tabelle vertical-align:top; eingefügt.

<table border="0" width="100%">
<tbody>
<tr>
<td width="20%"><img class="alignnone size-full wp-image-184" title="Geschaeft" src="http://baumet.ch/wp-content/uploads/2011/03/Geschaeft.jpg" alt="" width="100" height="100" /></td>
<td style="text-align: left; vertical-align:top;" width="30%"><strong>Anschrift</strong>
Baumet AG
Rietstrasse 7
9463 Oberriet</td>
<td style="text-align: left;vertical-align:top;" width="50%">Tel: 071 761 38 28
Fax: 071 761 38 29
<a href="mailto:info@baumet.ch">info@baumet.ch</a></td>
</tr>
<tr>
<td width="20%"><img class="alignnone size-full wp-image-184" title="Geschaeft" src="http://baumet.ch/wp-content/uploads/2011/03/Geschaeft.jpg" alt="" width="100" height="100" /></td>
<td style="text-align: left; vertical-align:top;" width="30%"><strong>Inhaber</strong>
Josef Baumgartner</td>
<td style="text-align: left; vertical-align:top;" width="50%">Tel: 071 761 38 28
Fax: 071 761 38 29
<a href="mailto:j.baumgartner@baumet.ch">j.baumgartner@baumet.ch</a></td>
</tr>
<tr>
<td width="20%"><img class="alignnone size-full wp-image-184" title="Geschaeft" src="http://baumet.ch/wp-content/uploads/2011/03/Geschaeft.jpg" alt="" width="100" height="100" /></td>
<td style="text-align: left; vertical-align:top;" width="30%"><strong>Administration</strong>
Ursula Baumgartner</td>
<td style="text-align: left; vertical-align:top;" width="50%">Tel: 071 761 38 28
Fax: 071 761 38 29
<a href="mailto:u.baumgartner@baumet.ch">u.baumgartner@baumet.ch</a></td>
</tr>
</tbody>
</table>

mfitzen

Oder ergänze die style.css des Themes bei Zeile 1333 um den blauen Code:

Code

#content tr td {
    color: #888888;
    padding: 10px;
    [COLOR="RoyalBlue"]vertical-align: middle;[/COLOR]
}

ggf. durch top ersetzen.

Eerodesign

Vielen Vielen Dank für Eure Hilfe es funktioniert nun! DANKE!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tabelle zerschlägt es mir :(

Jetzt mitmachen!