Ärger mit Tabelle

spin_doctor · Post by **spin_doctor** » Fri 9. Feb 2007, 13:32

Hallo,

aufgrund von vielen Grafiken im Design habe ich eine Seite im Tabellenlayout aufgesetzt. Nun gibt es etwas Ärger mit der obersten Zeile. Hier ist ein Abstan, wo keiner sein sollte.

Vielleicht kann jemand helfen.

http://www.mein-avd.de

Vielen Dank.

spin_doctor

Mehlinger · Post by **Mehlinger** » Fri 9. Feb 2007, 13:48

Welchen Abstand meinst du genau ?

spin_doctor · Post by **spin_doctor** » Fri 9. Feb 2007, 14:00

Hallo Mehlinger,

den direkt unter der Kopfgrafik. Ich weiß nicht wo der herkommt. Ohne Hintergrundfarbe der Zelle ist es weiß und sieht noch schlimmer aus.

jscholtysik · Post by **jscholtysik** » Fri 9. Feb 2007, 14:41

Hi spin_doctor,

der Abstand unter der Kopfgrafik ist aber nur im Internet Explorer 7 zu sehen. Im Firefox 2.001 ist der nicht vorhanden...

Das resultiert daraus, dass der Quellcode des Templates nicht sauber ist:

Code: Select all

<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top"></td>
<td valign="top"><table width="850px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" width="850" valign="bottom" a href="index.php" target="_parent">
<img src="phpwcms_template/inc_image/avd_head.jpg" border="0">
</a></td></tr>

<tr>
<td bgcolor="#CC0101" width="80" valign="top"><DIV class="menue"><ul>
<li><a href="index.php">Startseite</a></li>
<li><a href="index.php?id=9,0,0,1,0,0">Anmeldung</a></li>
<li><a href="index.php?id=1,0,0,1,0,0">Mitgliedschaft</a></li>
<li><a href="index.php?id=3,0,0,1,0,0">Leistungen</a></li>
<li><a href="index.php?id=7,0,0,1,0,0">Impressum</a></li>
<li><a href="index.php?id=8,0,0,1,0,0">Kontakt</a></li>
</ul></DIV></td>
<td width="670"><DIV class="scroll"><a name="jump1"></a><h1>AvD World</h1><div class="articleSummary"><p align="left"><embed src="/picture/upload/avd3.swf" type="application/x-shockwave-flash" play="true" loop="true" menu="true"></embed></p>
<p align="left"><img height="100" alt="" hspace="5" width="200" align="left" vspace="5" src="/picture/upload/Image/AvD/Uhr_teaser_012007_01.gif" /></p>
<p align="left">hier geht es direkt zur <a href="http://index.php?anmeldung">Anmeldung</a></p>
<p align="left">Sichern Sie sich gleich diese Uhr</p>
<p align="left">&nbsp;</p></div></DIV></td>
<td width="100px"><img src="include/banner/banner/right.gif"></td>
</tr>

<tr>
<td width="850" colspan="3"><img src="phpwcms_template/inc_image/foot.jpg"></td>
</tr>
</table></td>
<td valign="top"></td>
</tr>
</table>

Bereinige den bitte mal, dann dürfte es auch passen...

Joachim

Post by **flip-flop** » Fri 9. Feb 2007, 14:43

Hi spin_doctor,

etwas präziser bitte, das spart uns das Suchen. (Überwiegend wird hier der FF verwendet).
Du meinst den Abstand im IE.

Aus dem Bauch heraus würde ich auf vspave/hspace in der Grafik tippen. Typischerweise braucht der IE hier manchmal eine Vorgabe (vspace="0" hspace="0").

[EDIT]
-----------------

<td colspan="3" width="850" valign="bottom" a href="index.php" target="_parent">
<img src="phpwcms_template/inc_image/avd_head.jpg" border="0">
</a></td>

Eine richtig geile Konstruktion.
[/EDIT]

Gruß Knut

spin_doctor · Post by **spin_doctor** » Fri 9. Feb 2007, 14:55

Hi jscholtysik,

was meinst Du mit "nicht sauber"?
Sagen wir mal so, ich bin noch nicht so der phpwcms-Spezialist. Ich habe erst angefangen das System einzusetzten.

Wo finde ich denn das Template?

Gruß

spin_doctor

Post by **flip-flop** » Fri 9. Feb 2007, 14:59

Was dort passiert hat mit phpWcms nix zu tun, das ist pures HTML.
Siehe mein post oben.

Gruß Knut

jscholtysik · Post by **jscholtysik** » Fri 9. Feb 2007, 15:01

Hi spin_doctor,

Dein Problem hat nichts mit phpwcms zu tun. Der HTML-Quellcode ist nicht sauber programmiert. Schau Dir mal den Eintrag von Knut an, dann siehst Du, was ich meine...

Eine Tabelle muss einfach sauber geschlossen sein, ein Anker fängt mit "<a href=" an, nicht mit "a href=" usw. usw.

HTML-Grundlagen halt, kein phpwcms-Gedöns...

Das Template findest Du unter Admin-> Vorlagen.

Schau mal rein und kontrolliere den Aufbau der Tabelle, dann siehst Du es.

Joachim

spin_doctor · Post by **spin_doctor** » Fri 9. Feb 2007, 15:07

Hallo jscholtysik, hallo flip-flop,

der eine Fehler ist wohl beim kopieren zusatnde gekommen, den habe ich aber auch schon entfernt. Sonst sehe ich in der Tabelle keine Fehler mehr, aber es geht trotzdem nicht.

Post by **flip-flop** » Fri 9. Feb 2007, 17:44

Setzte dies hier bitte einmal so 1 zu 1 ein:

Code: Select all

<tr>
<td colspan="3" width="850" valign="top"><a href="index.php" target="_parent">
<img src="phpwcms_template/inc_image/avd_head.jpg" border="0" vspace="0" hspace="0"></a></td>
</tr>

Und ohne irgendwelche Leerzeichen davor/dazwischen. Auch kein CR/LF.

Die Höhe des Scroll DIV stimmt nicht, bzw. die Grafik rechts passt nicht.

Du verwendest eine doppelte Tabelle

Wenn es schon Tabellen sein müssen würde ich den internen Aufbau vom System verwenden, also das dreispaltige Layout.

Gruß Knut

spin_doctor · Post by **spin_doctor** » Fri 9. Feb 2007, 19:25

Hallo Knut,

vielen Dank!

Ich weiß zwar noch immer nicht genau wo der Unterschied ist, aber es funktioniert.

Viele Grüße

Stig

Post by **flip-flop** » Fri 9. Feb 2007, 19:44

Das ist eine Eigenart dieses seltsamen Produktes aus dem Hause MS.
Es gibt Situationen, da darf kein Leerzeichen zwischen bestimmten <TAGS> stehen.

Hat übrigens nichts mit dem CMS zu tun

Richtig grell kann so etwas bei <UL><Li> Listen werden im Zusammenhang mit entsprechenden Formatierungen.

Gruß Knut

spin_doctor · Post by **spin_doctor** » Fri 9. Feb 2007, 19:49

Hallo Knut,

ah! Nur ist der internet exploder aus dem Hause MasoSoft nunmal der weitverbreiteste Browser. Aber es ist gut zu wissen, da wahrscheinlich 99% meiner Seitenbesucher ie-user sind.

Damit müssen wir leben.

So long

Stig