Tabellen Darstellung fehlerhaft

ddjjmm

Hallo zusammen,

ich verwende schon grundsätzlich ungern tabellen, kann leider gerade nicht darauf verzichten und voila Wordpress zerschiesst mir wieder die eingefügte (mit dreamweaver erstellte) tabelle.

Mein Problem:

[Blockierte Grafik: http://img541.imageshack.us/img541/401/unbenanntqd.th.jpg]

Bei der letztendlichen live Darstellung werden so hässliche freiräume eingebaut. In der Artikel bzw. Seitenvorschau von Wordpress sieht es wunderbar aus. im Dreamweaver ebenfalls.

Code

<table style="width: 600px;" border="0">
<tbody>
<tr style="background-color: #ebebeb;">
<td align="right"><img src="http://india861.server4you.de/wordpress/wp-content/themes/wp-creativix/images/partner/smavicon_logo.gif" alt="smavicon logo" align="right" title="Smavicon" /></td>
<td><a href="http://www.smavicon.de/">Smavicon - Best Business Presentation</a> ist eine Spezialagentur f&uuml;r Multimediapr&auml;sentationen. Schwerpunkt sind Beratung, Konzeption, Gestaltung, und Umsetzung von Multimediapr&auml;sentationen f&uuml;r   Vortr&auml;ge, Messen, Veranstaltungen, Konferenzen, Tagungen, Seminare, Schulungen, etc.</td>
</tr>
<tr>
<td align="right"><img src="http://india861.server4you.de/wordpress/wp-content/themes/wp-creativix/images/partner/asfc_logo.gif" alt="smavicon logo" align="right" title="Smavicon" /></td>
<td align="left"><a href="http://www.asfc.de/">Die Atelier Scherer Fair Consulting GmbH</a> &uuml;bernimmt - ob als Messeveranstalter oder als Durchf&uuml;hrungsgesellschaft - die Planung, Organisation und Durchf&uuml;hrung von Gemeinschafts- oder Themenst&auml;nden   im In- und Ausland.</td>
</tr>
<tr style="background-color: #ebebeb;">
<td align="right"><img src="http://india861.server4you.de/wordpress/wp-content/themes/wp-creativix/images/partner/evivi_logo.jpg" alt="smavicon logo" align="right" title="Smavicon" /></td>
<td align="left"><a href="http://www.evivi.de/">evivi</a>, ein Vergleichsportal zum Thema Fitness und Yoga. Neben Fotos und Videos stehen Kriterien wie die Entfernung vom Arbeits- oder   Wohnort und &Ouml;ffnungszeiten sowie tiefergehende Informationen zur Qualifikation   der Trainer, der Fachrichtung und sogar der Verbandszugeh&ouml;rigkeit  zur Verf&uuml;gung.</td>
</tr>
<tr>
<td align="right"><img src="http://india861.server4you.de/wordpress/wp-content/themes/wp-creativix/images/partner/social_media_agency_logo.gif" alt="smavicon logo" align="right" title="Smavicon" /></td>
<td align="left">Die <a href="http://www.social-media-agency.de/">Social Media Marketing Agentur</a> sorgt f&uuml;r abgestimmtes Marketing im Web 2.0 - Neben der Suchmaschinenoptimierung von Webseiten bietet SMM die Unterst&uuml;tzung von Firmen, Events, Personen und Dienstleistungen.</td>
</tr>
</tbody>
</table>

Alles anzeigen

Vorweg: Habe auch ein Plugin installiert, dass mir direkt das erstellen von Tabellen ermöglicht, damit funktionierts aber auch net! :evil:

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

Ammaletu

Ich würde annehmen, dass da das Stylesheet Deines Themes stört. Verlinke doch bitte mal das Original, dann kann man das sicher genauer sagen. Der Screenshot hilft da nicht weiter.

ddjjmm

hier zum Beispiel

Tutrix

gib mal der Tabelle eine class

also z.B.

Code

<table border="0" style="width: 600px;" [COLOR=Red]class="partner"[/COLOR]>

dann in die style.css dies

Code

.partner td {
    vertical-align: top ;
    padding: 10px;
}

ddjjmm

Schaut schon besser aus, danke soweit.

Nur wie bekomme ich's hin, dass die Tabelle im linken Teil NUR das Bild umfasst und dann die zweite Spalte direkt dran sitz oder zumindest weiter links ist, damit der Text nicht 2zeilig wird?

Tutrix

nun ich sehe keine Veränderung, unter deinem Link (Tabelle ohne class)

auch dürfte der lange Text kaum in eine Zeile passen

geht also wohl um eine andere Seite, oder wie?!

ddjjmm

ich habs an einer anderen seite mit gleichem problem versucht (erste tabelle oben).

Tutrix

einfach den Spalten eine Breite zuweisen

so haben beide Spalten z.B. 300px und ist mittig ausgerichtet

Code

.seite-regionalstudios td {
    text-align: left;
    vertical-align: middle;
    width: 300px;
}

ddjjmm

Aaaaaaah :)

und jetzt noch die Tabellenränder wegbekommen? Border is eigtl auch 0

Tutrix

einfach noch [COLOR=Red]border: 0[/COLOR][COLOR=Red];[/COLOR] dazufügen

Code

.seite-regionalstudios td {
    text-align: left;
    vertical-align: middle;
    width: 300px;
    border: 0;
}

ddjjmm

Logisch, natürlich im CSS und nicht in der WYSIWYG Eingabe. Dankeschön, Thema erledigt.

Tolle Hilfe! :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tabellen Darstellung fehlerhaft

Jetzt mitmachen!