Tabellenproblem / Anordnung von Bildern und Text nebeneinander

Ich habe dasselbe Problem. Ich benutze TinyMCE Advanced. Dort habe ich eine zweispaltige Tabelle mit zwei Zeilen erstellt und in den Zellen "oben" eingestellt. Der Text beginnt aber immer unterhalb des Bildes. Siehe [size=12]http://www.bernd-linkenheil.de/wordpress/[/SIZE]

Wenn ich den Link von Blogger 27 folge, dann hat er das Problem scheinbar gelöst.

Ich arbeite bei sowas ausschließlich mit HTML-Anweisungen. Ist deutlich schneller runtergeschrieben, als sich mit sonem Plugin abzumühen.

_______________________
<table>
<tr>
<td></td><td></td>
</tr>
</table>
_______________________

Das wäre eine simple Tabelle mit zwei Zellen (<td>). Ist vielleicht nicht jedermanns Sache, lediglich meine Herangehensweise. Vielleicht bekommt Ihr Euer Problem damit ja in den Griff.

Romän

Das mit Tabellen mag gehen, wenn sich die Images und Tabelle einem responsiven Theme anpassen. DIVs haben den Vorteil, das sie sich bei kleinen Screens untereinander darstellen lassen und bei größeren nebeneinander. Diesen Vorteil besitzen Tabellen nicht, da bleiben zwei Zellen nebeneinander zwei Zellen nebeneinander, auch wenn der Screen kleiner ist und das ganze Design den Bach herunter geht.

Das bekommt man mit Media Queries und einem Polyfill für ältere Endgeräte ganz gut in den Griff. Bin zwar kein besonders guter Designer, da gibt es bessere, doch für ein Tutorial hat es noch gereicht:

http://www.coder-welten.com/polyfill-fuer-…d-div-bereiche/

Hi,
Dein Problem sollte hier liegen:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
margin: 0;
padding: 0;
vertical-align: baseline;
}

änder: vertical-align: baseline;
zu: vertical-align: top;
oder: /*vertical-align: baseline;*/

sollte so ok sein
mige

Zitat von migeart

Hi,
änder: vertical-align: baseline;
zu: vertical-align: top;
oder: /*vertical-align: baseline;*/

Aber doch wohl nicht für alle angegebenen HTML-Tags ändern, wenn dann nur für Tabellen, für die Du das dann neu in einer Klasse notieren müsstest.

Somit erst die Tags löschen, dann neu:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,  dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,  sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,  label, legend, caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
table, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

Bei dem Theme mag das so gehen, ist ja nicht responsive, eventuell zusätzlich noch den Abstand der Images von oben um ein paar Pixel vergrößern.

ich kenne mich mit dem Theme twentyten nicht so genau aus, das Teil [COLOR=#333333] /*vertical-align: baseline;*/ [/COLOR]einfach auskommentieren und Dein Problem ist gelöst. Wenn Du etwas im style.css änders mach vorher ein Backup davon.

Wobei der Threadersteller blogger27 nur etwas von Tabellen schreibt, mehr aber nicht ersichtlich ist, da die Seite sich im Wartungsmodus befindet. Meine erste Antwort betraf Tabellen allgemein, doch wer hat nun hier das Theme twentyten? Bitte mal melden, wer das Theme hat. expraesimfh käme zwar in Frage, doch wie es ausschaut hat er zwischen zwei Post das Theme gewechselt oder sollte ich mich irren.

Ja, hast recht - es ging um "[COLOR=#333333]expraesimfh" aber er hat sich wohl noch nicht entschieden welches Theme zu nutzen. [/COLOR]

Hallo Leute!
Auch wenn das Problem schon gelöst ist, hier noch eine andere Möglichkeit.
Ich benutze auch eine leichte Abwandlung von TwentyTen und hatte das Problem auch.
Auch benutze ich einen Codeschnipsel einer Standarttabelle, die ich dann je nach Bedarf abändere.
In der Zelle (ob links oder rechts, ist egal) in der der Text unterhalb des Bildes (der anderen Zelle) anfängt ersetze ich diese Zeile...

<td> Textinhalt der Zelle </td>

durch diese Zeile...

<td style="vertical-align:top">Textinhalt der Zelle</td>

Gruß Frank