Tabelle feststellen?

Der Gast

Hallo zusammen! Kann man ein bestimmte Zelle einer Tabelle so beeinflussen dass sie in Länge und Breite nicht verändert werden kann. Wenn ich hier ein neues Bild in die Tabelle einsetze verschiebt sich alles! Ich verstehe dass nicht mehr da aber die Gesamthöhe stimmt..... Habe auch schon trans.gif ausprobiert. Aber sie verschiebt sich immer wieder in der Höhe...... Gruss

Ronald

Moin!

Wenn du mal eine URL oder zumindest den Quelltext zeigen würdest, dann könnte man versuchen den Fehler zu finden. So "rein theoretisch" ist es doch etwas sehr theoretisch.

Normalerweise legt man die Zellengrößen mit Angaben "width" und "height" fest, am Besten allerdings mit Stylesheets.

Allerdings ist das Verhalten einer einzelnen Tabellenzelle stark vom restlichen Quelltext abhängig, man kann eigentlich nur eine Mindestgröße festlegen. Für einee Maximalgröße braucht man weitere CSS, z.B. "overflow".

G.a.d.M.

Ronald

Der Gast

So:

Code

<table width="780" height="540" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="57" height="56"></td>
    <td width="6">[img]index_01.jpg[/img]</td>
    <td width="28"></td>
    <td width="454"></td>
    <td width="235"></td>
  </tr>
  <tr>
    <td height="7">[img]index_02.jpg[/img]</td>
    <td>[img]index_03.jpg[/img]</td>
    <td colspan="3">[img]index_04.jpg[/img]</td>
  </tr>
  <tr>
    <td height="31"></td>
    <td rowspan="3">[img]index_05.jpg[/img]</td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="255"></td>
    <td></td>
    <td>[img]foederturm.jpg[/img]</td>
    <td></td>
  </tr>
  <tr>
    <td height="194"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Alles anzeigen

Hiernach ist nun rechts neben dem Förderturm eine Zelle die bxh = 235x255 ist. Jetzt füge ich ein (also Tabelle in Tabelle) geht aber auch nicht wenn ich alles in eine Tabelle baue!:

Code

<table width="235" height="255" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="21" height="178"></td>
    <td width="14" height="178"></td>
    <td width="200"></td>
  </tr>
  <tr> 
    <td width="21" height="14"></td>
    <td height="14"></td>
    <td></td>
  </tr>
  <tr> 
    <td width="21" height="7"></td>
    <td height="7"></td>
    <td></td>
  </tr>
  <tr> 
    <td width="21" height="14"></td>
    <td height="14"></td>
    <td></td>
  </tr>
  <tr> 
    <td width="21" height="7"></td>
    <td height="7"></td>
    <td></td>
  </tr>
  <tr> 
    <td width="21" height="14"></td>
    <td height="14"></td>
    <td></td>
  </tr>
  <tr> 
    <td width="21" height="7"></td>
    <td width="14" height="7"></td>
    <td></td>
  </tr>
  <tr> 
    <td width="21" height="14"></td>
    <td width="14" height="14"></td>
    <td></td>
  </tr>
</table>

Alles anzeigen

Hiernach schwebt der Förderturm mit oben und unten ca. 15 pixel frei in der Zelle. Komisch..........

Ronald

Kanst du es nicht mal irgendwo onlien zeigen - ich hab ehrlich gesagt jetzt keine große Lust, mir Grafiken nachzubasteln um zu sehen, wo das Problem liegt.

Außerdem ist es nur ein Auszug aus dem Quelltext. Wenn wir Fehler finden sollen, dann benötigen wir i.d.R. den kompletten Quelltext.

G.a.d.M.

Ronald

Uli G.

Könnte es erst Montag reinstellen! Aber es geht auch ohne das Bild Förderturm! Die Zelle wo es eingefügt wird ist einfach zu hoch der hält sich nicht an meine 255ger Höhe

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test</title>
</head>


<body>
<table width="780" height="540" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="57" height="56"></td>
    <td width="6"></td>
    <td width="28"></td>
    <td width="454"></td>
    <td width="235"></td>
  </tr>
  <tr>
    <td height="7"></td>
    <td></td>
    <td colspan="3"></td>
  </tr>
  <tr>
    <td height="31"></td>
    <td rowspan="3"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="255"></td>
    <td></td>
    <td>[img]foederturm.jpg[/img]</td>
    <td><table width="235" height="255" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td width="21" height="178"></td>
          <td width="14" height="178"></td>
          <td width="200"></td>
        </tr>
        <tr> 
          <td width="21" height="14"></td>
          <td height="14"></td>
          <td></td>
        </tr>
        <tr> 
          <td width="21" height="7"></td>
          <td height="7"></td>
          <td></td>
        </tr>
        <tr> 
          <td width="21" height="14"></td>
          <td height="14"></td>
          <td></td>
        </tr>
        <tr> 
          <td width="21" height="7"></td>
          <td height="7"></td>
          <td></td>
        </tr>
        <tr> 
          <td width="21" height="14"></td>
          <td height="14"></td>
          <td></td>
        </tr>
        <tr> 
          <td width="21" height="7"></td>
          <td width="14" height="7"></td>
          <td></td>
        </tr>
        <tr> 
          <td width="21" height="14"></td>
          <td width="14" height="14"></td>
          <td></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height="194"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>




</p>




</p>




</p>




</p>
</body>
</html>

Alles anzeigen

Ronald

So, ich hab die Ursache gefunden.

Es liegt an den Leerzeichen in den einzelnen Zellen -> <td width="21" height="14"> </td>

Ein Leerzeichen ist ein Textzeichen und der Browser setzt dafür automatisch eine Mindesthöhe ein, wenn du keine andere Schriftgröße vorgibst.

Sehen kannst du das, wenn du im head-Bereich für Texte in Zellen einen Style vorgibst:

Code

<style type="text/css">
<!--
td {font-size:6px;}
-->
</style>

Danach paßt es dann plötzlich.
Nun willst du sicherlich nicht generell so eine kleine Schrift benutzen, dann mußt du mit Pseudoklassen arbeiten und den schmalen Zellen eben entsprechend eine Klasse zuweisen, die eine kleine Schrift defeniert.

Alternativ kannst du auch einfach die Leerzeichen raus nehmen, bei mir klappt es dann auch zu 100%.

Ach noch was: entferne den Link aus dem Dokumententyp, sonst wirst du die Angabe zur Höhe von Tabellen und Zellen nie in den Griff bekommen.

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

reicht völlig aus.

G.a.d.M.

Ronald

Der Gast

Hallo Ronald, ich danke dir......

Tags