Tabellenformatierung nur teilweise...

Stormlord · #1 20.07.07, 18:59

Hallo Ihrs,

ich hab mich nun dumm gegoogelt und auch in etlichen foren gesucht und nix gefunden was mir weiterhilft.

folgendes problem:

Ich benutz grad Typo3 4.0.4 mit HTML Area RTE 1.3.8

Wenn ich nun nen CE vom Typ text erstelle und da drin eine Tabelle einfüge die 2 spalten und 5 reihen hat sieht das ja prächtig aus..

Die Linke Spalte ist für bilder (thumbnails) und die rechte für text.

Da nun die Zellen grösser werden als die Thumbnails möchte ich derne dass die bilder zentriert angezeigt werden...
soll heissen vertikal sowie horizontal mittig...dies geb ich auch brav in jeder zelle an und speichere dann den inhalt...

nun zeigt es mir im RTE alles so an wie ichs gerne hätte, jedoch schau ich mir (nach gelöschtem cache) das Frontend an sind die Biler immer am oberen rand der zellen anzutreffen, was ja nicht sinn ist....

hat da jemand ne idee wie ich das hinkrieg??

für schnelle hilfe wär ich sehr dankbar.

gruss
Stormlord

ghoti · #2 23.07.07, 23:26

schau dir mal den quelltext der seite an und die dazugehörigen css-styles.

Stormlord · #3 24.07.07, 19:20

Zitat:

Zitat von ghoti

schau dir mal den quelltext der seite an und die dazugehörigen css-styles.

Hi,

natürlich hab ich dies mittlerweile auch gemacht....

Source im RTE:

Code:

<table style="border: 1px solid rgb(153, 204, 255); vertical-align: middle; width: 245px; height: 314px;" cellpadding="1" cellspacing="1">
  <tbody>
    <tr style="vertical-align: middle; height: 40px; text-align: left;">
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; text-align: center;">
        <img src="http://www.hwf.ch/uploads/RTEmagicC_Ansicht_Nord.jpg" border="0" height="53" width="70" />
      </td>
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; height: 40px; text-align: left;">
        <font color="#ccffff"><b><a href="http://www.hwf.ch/fileadmin/Dateien/Bilder/Deutschland/Ansicht_Nord.jpg" title="?fnet einen internen Link im aktuellen Fenster">Rheinfelden</a></b></font>
      </td>
    </tr>
    <tr>
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; text-align: center;" class="align-center">
        <img src="http://www.hwf.ch/uploads/RTEmagicC_Breite8-2.jpg.jpg" border="0" height="51" width="70" />
      </td>
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; text-align: left;">
        <b><font color="#ccffff"><a href="http://www.hwf.ch/fileadmin/Dateien/Bilder/Deutschland/Breite8-2.jpg" class="download" title="Startet den Datei-Download">Bad Säckingen</a></font></b>
      </td>
    </tr>
    <tr>
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; text-align: center;" class="align-center">
        <img src="http://www.hwf.ch/uploads/RTEmagicC_Graz-Glaserweg-Okt06-5.JPG.jpg" border="0" height="53" width="70" />
      </td>
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; text-align: left;">
        <b><font color="#ccffff"><a href="http://www.hwf.ch/fileadmin/Dateien/Bilder/Oesterreich/Graz-Glaserweg-Okt06-5.JPG" class="download" title="Startet den Datei-Download">Graz</a></font></b>
      </td>
    </tr>
    <tr>
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; text-align: center;" class="align-center">
        <img src="http://www.hwf.ch/uploads/RTEmagicC_Vogtgasse.jpg.jpg" border="0" height="65" width="70" />
      </td>
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; text-align: left;">
        <b><font color="#ccffff"><a href="http://www.hwf.ch/fileadmin/Dateien/Bilder/Oesterreich/Vogtgasse.jpg" class="download" title="Startet den Datei-Download">Wien</a></font></b>
      </td>
    </tr>
    <tr>
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; text-align: center;" class="align-center">
        <img src="http://www.hwf.ch/uploads/RTEmagicC_Wiesensteig-Etappe_1-Foto.jpg.jpg" border="0" height="51" width="70" />
      </td>
      <td style="border: 2px solid rgb(204, 255, 255); vertical-align: middle; text-align: left;">
        <b><font color="#ccffff"><a href="http://www.hwf.ch/fileadmin/Dateien/Bilder/Oesterreich/Wiesensteig-Etappe_1-Foto.jpg" class="download" title="Startet den Datei-Download">Villach +1.Etappe</a></font></b>
      </td>
    </tr>
  </tbody>
</table>

Source im FE:

Code:

<table cellpadding="1" cellspacing="1" style="BORDER-RIGHT: rgb(153,204,255) 1px solid; BORDER-TOP: rgb(153,204,255) 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: rgb(153,204,255) 1px solid; WIDTH: 245px; BORDER-BOTTOM: rgb(153,204,255) 1px solid; HEIGHT: 314px" class="contenttable">
  <tbody>
    <tr style="VERTICAL-ALIGN: middle; HEIGHT: 40px; TEXT-ALIGN: left">
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; TEXT-ALIGN: center">
        <div class="tt_content">
          <img border="0" width="70" src="uploads/RTEmagicC_Ansicht_Nord.jpg.jpg" height="53" alt="" />
        </div>
        <br />
      </td>
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; HEIGHT: 40px; TEXT-ALIGN: left">
        <div class="tt_content">
          <font color="#ccffff"><strong><a href="fileadmin/Dateien/Bilder/Deutschland/Ansicht_Nord.jpg" title="?fnet einen internen Link im aktuellen Fenster" target="page">Rheinfelden</a></strong></font>
        </div>
        <br />
      </td>
    </tr>
    <tr>
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; TEXT-ALIGN: center" class="align-center">
        <div class="tt_content">
          <img border="0" width="70" src="uploads/RTEmagicC_Breite8-2.jpg.jpg" height="51" alt="" />
        </div>
        <br />
      </td>
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; TEXT-ALIGN: left">
        <div class="tt_content">
          <strong><font color="#ccffff"><a href="fileadmin/Dateien/Bilder/Deutschland/Breite8-2.jpg" title="Startet den Datei-Download" target="page" class="download">Bad Säckingen</a></font></strong>
        </div>
        <br />
      </td>
    </tr>
    <tr>
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; TEXT-ALIGN: center" class="align-center">
        <div class="tt_content">
          <img border="0" width="70" src="uploads/RTEmagicC_Graz-Glaserweg-Okt06-5.JPG.jpg" height="53" alt="" />
        </div>
        <br />
      </td>
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; TEXT-ALIGN: left">
        <div class="tt_content">
          <strong><font color="#ccffff"><a href="fileadmin/Dateien/Bilder/Oesterreich/Graz-Glaserweg-Okt06-5.JPG" title="Startet den Datei-Download" target="page" class="download">Graz</a></font></strong>
        </div>
        <br />
      </td>
    </tr>
    <tr>
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; TEXT-ALIGN: center" class="align-center">
        <div class="tt_content">
          <img border="0" width="70" src="uploads/RTEmagicC_Vogtgasse.jpg.jpg" height="65" alt="" />
        </div>
        <br />
      </td>
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; TEXT-ALIGN: left">
        <div class="tt_content">
          <strong><font color="#ccffff"><a href="fileadmin/Dateien/Bilder/Oesterreich/Vogtgasse.jpg" title="Startet den Datei-Download" target="page" class="download">Wien</a></font></strong>
        </div>
        <br />
      </td>
    </tr>
    <tr>
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; TEXT-ALIGN: center" class="align-center">
        <div class="tt_content">
          <img border="0" width="70" src="uploads/RTEmagicC_Wiesensteig-Etappe_1-Foto.jpg.jpg" height="51" alt="" />
        </div>
        <br />
      </td>
      <td style="BORDER-RIGHT: #ccffff 2px solid; BORDER-TOP: #ccffff 2px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccffff 2px solid; BORDER-BOTTOM: #ccffff 2px solid; TEXT-ALIGN: left">
        <div class="tt_content">
          <strong><font color="#ccffff"><a href="fileadmin/Dateien/Bilder/Oesterreich/Wiesensteig-Etappe_1-Foto.jpg" title="Startet den Datei-Download" target="page" class="download">Villach +1.Etappe</a></font></strong>
        </div>
        <br />
      </td>
    </tr>
  </tbody>
</table>
<div class="tt_content">&nbsp;</div><br />
<div class="tt_content">&nbsp;</div><br /></blockquote>

ich kann beim source code im FE in jeder zelle ein <div class="tt_content"> mit anschliessendem <BR> feststellen...
weshalb der den Break da rein macht ist mir ehrlich gesagt ein rätsel....
Die CSS styles sind wie ich das seh in ordnung, da ich da nix finden kann und der ja immer nen Break rein macht, denk ich mir liegt es eher an dem <BR> Tag...

jemand noch nen hint?

gruss
stormlord

ghoti · #4 26.07.07, 14:50

das nervt mich bei Typo3 auch gelegentlich - unsinnige Tags.

ich habe grade bei mir gesucht, das aber leider nicht gefunden: im Template bei parseFunc_RTE irgenwas mit <br /> oder eine Funktion, die eine Break hinzugügt.
Es gibt noch bei den Constants einige BRs, wie z.B. den bodytext linebreak. Versuche den Linebreak da zu entfernen, vielleicht klappt es so.

Stormlord · #5 28.07.07, 08:02

Zitat:

Zitat von ghoti

das nervt mich bei Typo3 auch gelegentlich - unsinnige Tags.

ich habe grade bei mir gesucht, das aber leider nicht gefunden: im Template bei parseFunc_RTE irgenwas mit <br /> oder eine Funktion, die eine Break hinzugügt.
Es gibt noch bei den Constants einige BRs, wie z.B. den bodytext linebreak. Versuche den Linebreak da zu entfernen, vielleicht klappt es so.

Nun den linebreak weg zu kriegen versuche ich....leider hab ich bisher nix gefunden was mir geholfen hat.

sollte irgend jemand ne idee haben die zur lösung beiträgt bin ich mehr als froh...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Gelöst Unternavigation teilweise eingeblendet	demeter	GMENU, HMENU, TMENU und Co.	1	27.02.08 16:48
Sprachumschaltung funktioniert nur teilweise	Anderl	TYPO3 4.x Fragen und Probleme	4	24.11.06 20:41
Sprache nur Teilweise auf deutsch?	dirvish	TYPO3 4.x Backend	6	21.11.06 17:45
Photobook! Teilweise keine Fotos	fup	Alle anderen Extensions	1	29.07.06 12:48

Suche

Userpanel

Tabellenformatierung nur teilweise...