Tabelle- irgendwas ist falsch?

Snakedressed · 08.04.2005, 08:39

So. Also... los gehts:

http://www.gothicparadise.de/b-test/index.htm

Hier seht ihr einen grünen "Banner", der als Header fungiert. In eine Tabelle eingepasst, da ich später noch so einige Zeilen miteinfügen werde.

Darunter der Footer. Diese Zeile ist ebenfalls als Tabelle geschrieben.
Bestehend (von links nach rechts) aus: einem Bild (Mainpage.to), danach 5 Links jeweils mit Bild (Disclaimer, Impressum, Newsletter, Support.us, Links).
Um die Zeile nun genausolang wie den Header zu machen, hatte ich erst ein weiteres Bild. Da ich aber diesen hellblauen "Netstat Basic"-Button in der blauen Zeile rechts ausgerichtet, zentriert haben möchte, habe ich in der letzten 'Spalte' das letzte Bild als Hintergrundbild definiert. Nur passiert mir hier dieser Fehler, dass mir hier so eine "weisse Leere" sich hineinschleicht.
Wo ist der Fehler in der Tabelle?

Unter dem Tabellenkram auf der Index habt ihr die Bilder vom Header nochmal und von dem, das als Hintergrund fungieren soll. Hier: http://m1.nedstatbasic.net/n <das ist der Netstat-Button.

Vielen Dank schonmal.

webmichl · 08.04.2005, 08:53

Deine Headerzeile besteht nur aus einer Zelle, die Footerzeile aus zweien. Gib dem Header-TD mal ein "ROWSPAN=2" mit - dann sollte es passen.

EDIT

Ups - Willkommen im Forum!

Snakedressed · 10.04.2005, 19:23

Danke!

Es war colspan=2
*GGG*

So.. jetzt bin ich schon um einiges weiter. Und die Tabelle ist um einiges komplexer. Aber diesmal hat sich wieder was verschoben.
Schaut schlimm aus und ich bin schon am Verzweifeln.

Hier ist die Index-Datei:
http://www.gothicparadise.de/btest/testindex.htm

An die Quellen-Datei der Textindex.htm kommt ihr ja... bitte mal angucken.

Ich hab ein Bildchen erstellt, damit man ungefähr sehen kann, wie es richtig aussehen soll.
http://www.gothicparadise.de/btest/tabelleprob.JPG

Ich hoffe jmd kann mir helfen. Dringend. Please.

321 · 11.04.2005, 00:11

so gehts nicht:
Die Zelle/TD hinter denen mit rowspan=2 dürfen nicht colspan=5 haben!
siehe xxxxxx im Code (was das colspan ungültig macht!)

Du kannst in der untersten TR deine TD nicht anders aufteilen als oben, ich hab ne neue Table rein gemacht. Siehe 'eineWeitereTabelle' !

Ein weiterer Tipp: zum Testen machte ich <table border=1 bordercolor=red ...>

so gehts:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>bandseite</title>  <meta name="author" content="Bernhard Gross">
<meta name="Publisher" content="Bernhard Gross">
<meta name="Copyright" content="&copy; 2005 by Bernhard Gross | All rights reserved. Reproduction in whole or in part without written permission is strictly forbidden."> 
 
</head>
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function run_filter(obj){	
	if(obj && obj.filters[0]){
		obj.filters[0].apply();
		obj.visibility="visible";
		obj.filters[0].play();
	}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>




<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" leftmargin="0" topmargin="0" scroll="yes">


<div align="center">
<table width="780" cellpadding="0" cellspacing="0"

border=0 bordercolor=red
>
         <tr>
         <td colspan="5" width="780" height="131" background="http://www.gothicparadise.de/btest/fan-head780.jpg"><font face="Verdana, Arial, Helvetica, sans-serif"></font></td>
	</tr>
<tr>
<td colspan="5" width="780" height="24"><img src="http://www.gothicparadise.de/btest/fanaktuelles.jpg" height="26" width="202" border="0"><a href="news.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fannews.jpg" alt="News" height="26" width="64" border="0"></a><a href="dates.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fandates.jpg" alt="Tourdaten/Termine" height="26" width="67" border="0"></a><a href="band.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fanband.jpg" alt="Bandinfos" height="26" width="59" border="0"></a><a href="releases.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fanreleases.jpg" alt="Discography" height="26" width="93" border="0"></a><a href="visuals.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fanvisuals.jpg" alt="Bilder/Videos" height="26" width="79" border="0"></a><a href="extras.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fanextras.jpg" alt="Downloads/Interviews/Berichte..." height="26" width="73" border="0"></a><a href="forum.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fanforum.jpg" alt="Community" height="26" width="72" border="0"></a><a href="shop.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fanshop.jpg" alt="Merchandise" height="26" width="60" border="0"></a><img src="http://www.gothicparadise.de/btest/rightm.jpg" height="26" width="11" border="0"></td>
</tr>
 
<tr>
<td colspan="5" width=780 height="20"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="http://www.gothicparadise.de/btest/fanline.jpg" height="20" width="780" border="0"></font></td>
</tr>

<tr>
<td rowspan=2 height="476" width="16" background="http://www.gothicparadise.de/btest/l16.jpg">x</td>

<!-- Aktuelles-Spalte !!!!!! -->

<td rowSpan=2 height="476" width="159" background="http://www.gothicparadise.de/btest/l16r16.jpg" align="center"><font face="Verdana, Arial, Helvetica, sans-serif" color="white" size="1">Anstehendes Album:<br><img src="http://www.gothicparadise.de/btest/-.jpg" height="109" width="120" border="0"><br>(V&Ouml; 99.09.09)<br></font></td> 

<!-- Aktuelles-Spalte Ende!!!!!! -->


<td rowSpan=2 height="476" width="16" background="http://www.gothicparadise.de/btest/r16.jpg">y</td>
<td rowSpan=2 height="476" width="18" background="http://www.gothicparadise.de/btest/r18.jpg">z</td>

<!-- News Aktuell !!!!! -->
 <td xxxxxxcolspan=5 height="276" width="567" background="http://www.gothicparadise.de/btest/fan-newsakt.jpg">News-Aktuell</td>

 
<!-- News Aktuell Ende!!!!! -->
</tr>

<!-- News Archiv !!!!! -->
<tr>
<td xxxxxxcolSpan=5 height="200" width="567" background="http://www.gothicparadise.de/btest/fan-newsarchive.jpg" align="left"><font face="Verdana, Arial, Helvetica, sans-serif" color="white" size="1">News-Archiv</font></td>

</tr>

<!-- News Archiv Ende!!!!! -->

<tr>
<td colspan="5" width="16" width="780"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="http://www.gothicparadise.de/btest/fanlineu.jpg" height="16" width="780" border="0"></font></td>
</tr>
<tr>
<td colspan="5" width="100%">
<table name="eineWeitereTabelle" width="100%" border=0 cellspacing=0 cellpadding=0>
<tr>
<td width="611" height="24"><img src="http://www.gothicparadise.de/btest/fan-copyright780.jpg" height="24" width="150" border="0" alt="(c) 2005 fan.de"><a href="disclaimer.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fan-disclaimer780.jpg" alt="Haftungsausschluss" height="24" width="95" border="0"></a><a href="impressum.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fan-impressum780.jpg" alt="Impressum/Kontakt" height="24" width="102" border="0"></a><a href="newsletter.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fan-newsletter780.jpg" alt="Newsletter" height="24" width="102" border="0"></a><a href="support.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fan-support780.jpg" alt="Unterst&uuml;tzt uns!" height="24" width="102" border="0"></a><a href="links.htm" target="_self"><img src="http://www.gothicparadise.de/btest/fan-links780.jpg" alt="Links" height="24" width="60" border="0"></a></td>
<td width="169" height="24" background="http://www.gothicparadise.de/btest/fan-ublank780.jpg" align="right" valign="bottom"></font></td>
</tr></table name="eineWeitereTabelle">
</td>
</tr>
</table>
</div>
</html>

xxxxxcolspan="5" und name="eineWeitereTabelle" kannst Du nun löschen!
und bei den Bildern bei <img src= und bei background= die Pfade wieder raus nehmen, die brauchte ich zum Testen.