Was mache ich bei dieser Seite bei der Aufteilung falsch?

matze91

Habe hier eine Seite auf der ich die zwischenräume bei den Buttons entfernen wollte (cellpading="0")
Nur hab ich da trotzdem noch Räume zwischen den gif´s.

Hier mal der Quelltext: (PS: das Script im Header und das Menü sind per Template eingefügt! Die Seite läuft über php)

HTML

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


<html>
	<head>
	<link href="/index-Dateien/format.css" rel="stylesheet" type="text/css">
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="generator" content="Adobe GoLive 6">
	<title>Home</title>

        <meta name="Robots" content="INDEX,FOLLOW">
	<csscriptdict import>
		<script type="text/javascript" src="/index-Dateien/CSScriptLib.js"></script>
	</csscriptdict>
	<csactiondict>

<script type="text/javascript">
<!--
<!--
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		over_graunnews = newImage(/*URL*/'/index-Dateien/rotnnews.gif');
		over_graunherren1 = newImage(/*URL*/'/index-Dateien/rotnherren1.gif');
		over_graunherren2 = newImage(/*URL*/'/index-Dateien/rotnherren2.gif');
                over_graunjungs = newImage(/*URL*/'/index-Dateien/rotnjungs.gif');
		over_graundamen = newImage(/*URL*/'/index-Dateien/rotndamen.gif');
		over_graunladys = newImage(/*URL*/'/index-Dateien/rotnladys.gif');
		over_graunmixed = newImage(/*URL*/'/index-Dateien/rotnmixed.gif');
		over_graunschiris = newImage(/*URL*/'/index-Dateien/rotnschiri.gif');
		over_graunforum = newImage(/*URL*/'/index-Dateien/rotnforum.gif');
		over_graunchat = newImage(/*URL*/'/index-Dateien/rotnchat.gif');
		over_graungaestebuch = newImage(/*URL*/'index-Dateien/rotngaestebuch.gif');
		over_graunlinks = newImage(/*URL*/'/index-Dateien/rotnlinks.gif');
		over_graunimpressum = newImage(/*URL*/'/index-Dateien/rotnimpressum.gif');
		over_graunkontakt = newImage(/*URL*/'/index-Dateien/rotnkontakt.gif');
		preloadFlag = true;
	}
}


// -->


</script>
	</csactiondict>
</head>


	<body>
<table width="100%" border="0" cellspacing="2" cellpadding="5" bgcolor="#f3f3f3">
  <tr valign="middle" height="20"> 
    <td width="12%" height="38"> 
<center>
      <script LANGUAGE="Javascript" SRC="http://www.good-scripts.de/service/counter/counter.php?user=mikerg&design=break2" 
      TYPE="text/javascript"></font></script>
</center>
    <p align="center" font face="Verdana,Courier New,Courier,Monaco" size="1"> Besucher seit dem 1.4.2004</p>
    </td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="38"></td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="81%" height="38"></td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="38"></td>
  </tr>
  <tr valign="middle" height="50"> 
    <td width="12%" height="50"></td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="50"></td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="81%" height="50"> 
      <div align="center"> 
        <div align="center"> 
          <div align="center"> 



<font size="4">[b]<font size="5" color="#ae2833" face="Verdana,Courier New,Courier,Monaco"><sup>Basketball 
              bei HT16</sup></font>[/b]</font></p>



[url='http://www.ht16.de'][img]index-Dateien/logo.jpeg[/img][/url]</p>



</p>
          </div>
        </div>
      </div>
    </td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="50"></td>
  </tr>
  <tr valign="middle" height="25"> 
    <td colspan="3" height="25"> 
      <div align="center"><marquee bgcolor="#F3F3F3" direction="left" scrolldelay="130" behavior="scroll" width="910" height="15" loop="infinite"><font color="#F3F3F3"></font>[b]Zur  
        neuen Saison muss im Frauenbasketball mit dem kleineren Ball, Gr&ouml;sse 6 gespielt werden.[/b]<font color="#F3F3F3">_______</font>[b]Am  
        Freitag, den 7. Mai findet um 19 Uhr das Freundschaftsspiel gegen die Damen des HGSV im Querkamp statt<font color="#F3F3F3">_______</font>[/b][b]Ein Ausblick auf die wohl wichtigsten anstehenden neuen Regeln gibt es schon mal auf der Schiedsrichterseite[/b]</marquee></div>
    </td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="25"></td>
  </tr>
  <tr align="center" valign="top" height="100%"> 
    <td valign="top" width="12%" height="100%"> 
      <table width="150" border="0" cellspacing="2" cellpadding="0" bgcolor="#f3f3f3" height="100%">
        <tr height="200%"> 
          <td valign="top" height="200%"><font face="Verdana,Courier New,Courier,Monaco">[b]<sup> 
            </sup>[/b]</font> 
            <div align="left"> 
              <div align="left"> 
                <table width="44%" border="0" cellspacing="2" cellpadding="-1">
<tr> 
<td>
[img]../index-Dateien/rotnhome.gif[/img]</a>
</td>
</tr>
<tr>
<td>
[url='../news.php'][img]../index-Dateien/graunnews.gif[/img][/url]
</td>
</tr>
<tr>
<td>
[url='../ersteherren.php'][img]../index-Dateien/graunherren1.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../zweiteherren.php'][img]../index-Dateien/graunherren2.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../jungs.php'][img]../index-Dateien/graunjungs.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../damen.php'][img]../index-Dateien/graundamen.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../maedels.php'][img]../index-Dateien/graunladys.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../mixed.php'][img]../index-Dateien/graunmixed.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../schiris.php'][img]../index-Dateien/graunschiris.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../phpbb/index.php'][img]../index-Dateien/graunforum.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../chat/index.php'][img]../index-Dateien/graunchat.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../gb/index.php'][img]../index-Dateien/graungaestebuch.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../links.php'][img]../index-Dateien/graunlinks.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../impressum.php'][img]../index-Dateien/graunimpressum.gif[/img][/url]
</td>
</tr>
<tr> 
<td>
[url='../kontakt.php'][img]../index-Dateien/graunkontakt.gif[/img][/url]
</td>
</tr>
</table>



</p>
              </div>
            </div>
          </td>
        </tr>
      </table>
    </td>
    <td valign="top" width="45" height="100%"></td>
    <td valign="top" width="81%" height="100%"> 
      <div align="center"> 
        <div align="center"> 
          <div align="center"> 



</p>



</p>
            <div align="center"> 
              <div align="center"> 



<font size="2" face="Verdana,Courier New,Courier,Monaco">H&auml;ngen 
                  unsere K&ouml;rbe zu hoch ?!</font></p>



<font size="2" face="Verdana,Courier New,Courier,Monaco">[img]index-Dateien/logo%20(1).jpg[/img]</font></p>



<font size="2" face="Verdana,Courier New,Courier,Monaco">Probiert 
                  es doch einfach mal aus....</font></p>



</p>



<font size="2" face="Verdana,Courier New,Courier,Monaco">Hier 
                  gibt es die wissenswerten Infos &uuml;ber die Mannschaften und 
                  die Abteilung.


                  


                  </font></p>



<font size="2" face="Verdana,Courier New,Courier,Monaco">Nun ist auch der  
                  Startschuss für die neue Damenmannschaft gegeben. Auch auf diesen Seiten wird es in der n&auml;chsten Zeit  
                  Aktualisierungen geben.</br></br>
                  Weiterhin kann man schon mal die wohl bevorstehenden Regeländerungen zur neuen Saison auf der Schiedsrichterseite anlesen.</font></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <p align="center" font size="2" face="Verdana,Courier New,Courier,Monaco">Online z.Zt. <script language="javascript" src="http://www.good-scripts.de/service/online/online.php?user=mikerg"></script> Besucher</p>
    </td>
    <td valign="top" width="45" height="100%"></td>
  </tr>
  <tr height="15"> 
    <td valign="top" width="12%" height="15"> 



 



</p>
    </td>
    <td width="45" height="15"></td>
    <td width="81%" height="15"> 
    </td>
    <td width="45" height="15"></td>
  </tr>
</table>
		<map name="MapName"></map>



</p>
	</body>


</html>

Alles anzeigen

Für Hilfe wäre ich sehr dankbar. Die Seite heißt http://www.bb-ht16.de

Gruß
Matze

Student25

HTML

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


<html>
   <head>
   <link href="/index-Dateien/format.css" rel="stylesheet" type="text/css">
      <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
      <meta name="generator" content="Adobe GoLive 6">
   <title>Home</title>

        <meta name="Robots" content="INDEX,FOLLOW">
   <csscriptdict import>
      <script type="text/javascript" src="/index-Dateien/CSScriptLib.js"></script>
   </csscriptdict>
   <csactiondict>

<script type="text/javascript">
<!--
<!--
var preloadFlag = false;
function preloadImages() {
   if (document.images) {
      over_graunnews = newImage(/*URL*/'/index-Dateien/rotnnews.gif');
      over_graunherren1 = newImage(/*URL*/'/index-Dateien/rotnherren1.gif');
      over_graunherren2 = newImage(/*URL*/'/index-Dateien/rotnherren2.gif');
                over_graunjungs = newImage(/*URL*/'/index-Dateien/rotnjungs.gif');
      over_graundamen = newImage(/*URL*/'/index-Dateien/rotndamen.gif');
      over_graunladys = newImage(/*URL*/'/index-Dateien/rotnladys.gif');
      over_graunmixed = newImage(/*URL*/'/index-Dateien/rotnmixed.gif');
      over_graunschiris = newImage(/*URL*/'/index-Dateien/rotnschiri.gif');
      over_graunforum = newImage(/*URL*/'/index-Dateien/rotnforum.gif');
      over_graunchat = newImage(/*URL*/'/index-Dateien/rotnchat.gif');
      over_graungaestebuch = newImage(/*URL*/'index-Dateien/rotngaestebuch.gif');
      over_graunlinks = newImage(/*URL*/'/index-Dateien/rotnlinks.gif');
      over_graunimpressum = newImage(/*URL*/'/index-Dateien/rotnimpressum.gif');
      over_graunkontakt = newImage(/*URL*/'/index-Dateien/rotnkontakt.gif');
      preloadFlag = true;
   }
}


// -->


</script>
   </csactiondict>
</head>


   <body>
<table width="100%" border="0" cellspacing="2" cellpadding="5" bgcolor="#f3f3f3">
  <tr valign="middle" height="20">
    <td width="12%" height="38">
<center>
      <script LANGUAGE="Javascript" SRC="http://www.good-scripts.de/service/counter/counter.php?user=mikerg&design=break2"
      TYPE="text/javascript"></font></script>
</center>
    <p align="center" font face="Verdana,Courier New,Courier,Monaco" size="1"> Besucher seit dem 1.4.2004</p>
    </td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="38"></td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="81%" height="38"></td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="38"></td>
  </tr>
  <tr valign="middle" height="50">
    <td width="12%" height="50"></td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="50"></td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="81%" height="50">
      <div align="center">
        <div align="center">
          <div align="center">



<font size="4">[b]<font size="5" color="#ae2833" face="Verdana,Courier New,Courier,Monaco"><sup>Basketball
              bei HT16</sup></font>[/b]</font></p>



[url='http://www.ht16.de'][img]index-Dateien/logo.jpeg[/img][/url]</p>



</p>
          </div>
        </div>
      </div>
    </td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="50"></td>
  </tr>
  <tr valign="middle" height="25">
    <td colspan="3" height="25">
      <div align="center"><marquee bgcolor="#F3F3F3" direction="left" scrolldelay="130" behavior="scroll" width="910" height="15" loop="infinite"><font color="#F3F3F3"></font>[b]Zur 
        neuen Saison muss im Frauenbasketball mit dem kleineren Ball, Gr&ouml;sse 6 gespielt werden.[/b]<font color="#F3F3F3">_______</font>[b]Am 
        Freitag, den 7. Mai findet um 19 Uhr das Freundschaftsspiel gegen die Damen des HGSV im Querkamp statt<font color="#F3F3F3">_______</font>[/b][b]Ein Ausblick auf die wohl wichtigsten anstehenden neuen Regeln gibt es schon mal auf der Schiedsrichterseite[/b]</marquee></div>
    </td>
    <td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="25"></td>
  </tr>
  <tr align="center" valign="top" height="100%">
    <td valign="top" width="12%" height="100%">
      <table width="150" border="0" cellspacing="2" cellpadding="0" bgcolor="#f3f3f3" height="100%">
        <tr height="200%">
          <td valign="top" height="200%"><font face="Verdana,Courier New,Courier,Monaco">[b]<sup>
            </sup>[/b]</font>
            <div align="left">
              <div align="left">
                <table width="44%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
[img]../index-Dateien/rotnhome.gif[/img]</a></td>
</tr>
<tr>
<td>
[url='../news.php'][img]../index-Dateien/graunnews.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../ersteherren.php'][img]../index-Dateien/graunherren1.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../zweiteherren.php'][img]../index-Dateien/graunherren2.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../jungs.php'][img]../index-Dateien/graunjungs.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../damen.php'][img]../index-Dateien/graundamen.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../maedels.php'][img]../index-Dateien/graunladys.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../mixed.php'][img]../index-Dateien/graunmixed.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../schiris.php'][img]../index-Dateien/graunschiris.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../phpbb/index.php'][img]../index-Dateien/graunforum.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../chat/index.php'][img]../index-Dateien/graunchat.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../gb/index.php'][img]../index-Dateien/graungaestebuch.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../links.php'][img]../index-Dateien/graunlinks.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../impressum.php'][img]../index-Dateien/graunimpressum.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../kontakt.php'][img]../index-Dateien/graunkontakt.gif[/img][/url]</td>
</tr>
</table>



</p>
              </div>
            </div>
          </td>
        </tr>
      </table>
    </td>
    <td valign="top" width="45" height="100%"></td>
    <td valign="top" width="81%" height="100%">
      <div align="center">
        <div align="center">
          <div align="center">



</p>



</p>
            <div align="center">
              <div align="center">



<font size="2" face="Verdana,Courier New,Courier,Monaco">H&auml;ngen
                  unsere K&ouml;rbe zu hoch ?!</font></p>



<font size="2" face="Verdana,Courier New,Courier,Monaco">[img]index-Dateien/logo%20(1).jpg[/img]</font></p>



<font size="2" face="Verdana,Courier New,Courier,Monaco">Probiert
                  es doch einfach mal aus....</font></p>



</p>



<font size="2" face="Verdana,Courier New,Courier,Monaco">Hier
                  gibt es die wissenswerten Infos &uuml;ber die Mannschaften und
                  die Abteilung.


                  


                  </font></p>



<font size="2" face="Verdana,Courier New,Courier,Monaco">Nun ist auch der 
                  Startschuss für die neue Damenmannschaft gegeben. Auch auf diesen Seiten wird es in der n&auml;chsten Zeit 
                  Aktualisierungen geben.</br></br>
                  Weiterhin kann man schon mal die wohl bevorstehenden Regeländerungen zur neuen Saison auf der Schiedsrichterseite anlesen.</font></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <p align="center" font size="2" face="Verdana,Courier New,Courier,Monaco">Online z.Zt. <script language="javascript" src="http://www.good-scripts.de/service/online/online.php?user=mikerg"></script> Besucher</p>
    </td>
    <td valign="top" width="45" height="100%"></td>
  </tr>
  <tr height="15">
    <td valign="top" width="12%" height="15">





      


</p>
    </td>
    <td width="45" height="15"></td>
    <td width="81%" height="15">
    </td>
    <td width="45" height="15"></td>
  </tr>
</table>
      <map name="MapName"></map>



</p>
   </body>


</html>

Alles anzeigen

Wenn du den </td> Tag direkt in die Zeile wo sich die Grafik befindet schreibst, dann funktioniert es. Das solltest du zumindestens bei Grafiken immer so machen.
Beachte bitte auch das cellpadding="0" und cellspacing="0".

Macintosch

Is ja Bescheiden! Wie soll man bitte auf sowas kommen???
Wieso ist das so? Irgendeine Erklärung?

Beatz

Das mit dem </td> in der gleichen Zeile vom Quellcode wäre mir auch neu. Zumindest hatte ich noch niemals Probleme damit. Ich habe es schon öfters gemacht. Evtl. könnte es am Editor liegen, der irgendwelche Windows-Sachen hinzufügt, die man so nicht sieht.
Manche Editoren bieten eine Funktion "Im Unix-Format speichern". Windows macht standardmäßig beim Return ein carriage return (13) und ein line feed (10). Also "Doppelt-Gemoppelt". Es kann sein, dass dadurch die Probleme auftreten.

Cellspacing bestimmt den Abstand, der zwischen den einzelnen Zellen ist. Den würde man sehen, wenn die Zellen eine andere Hintergrundfarbe hätten, als die Tabelle.
Cellpadding ist der innere Abstand in einer Zelle. Also wieviel Rand vom Inhalt der Zelle zu deren Rand ist. Dadurch entstehen bei Grafiken in einer Tabelle natürlich auch Leerräume.

matze91

Super, hat geklappt.
Also kann man dem Wordpad als Editor auch nicht mehr vertrauen!

Den Erfolg kann man sich jetzt auf http://www.bb-ht16.de ansehen.

Danke

Matze

matze91

Super, hat geklappt.
Also kann man dem Wordpad als Editor auch nicht mehr vertrauen!

Den Erfolg kann man sich jetzt auf http://www.bb-ht16.de ansehen.

Danke

Matze

--

Blöde Doppelpost´s. Kann gelöscht werden!

Student25

Ja Beatz das kann natürlich sein. Anders kann ich es mir auch nicht erklären.
Aber bei mir gab es damit schon öfters probleme, auch mit unterschiedlichen Editoren.
Deshalb hab ich mir angewöhnt das </td> Tag in die gleiche Zeile zu schreiben.

Beatz

Dagegen ist ja auch gar nichts zu sagen ... "Der Mensch ist ein Gewohnheitstier", sagt meine Cheffin immer.

Was mache ich bei dieser Seite bei der Aufteilung falsch?

Tags

Benutzer online in diesem Thema