Layoutproblemme mit Tabellen...Absoluter Anfänger

tommy1308 · 21 Januar 2012

Hi,
habe flogende Index html... (nicht von mir, möchte daran üben und diese abändern)

HTML:

<HTML>
<HEAD>
<title>Der XXX</title>
<meta name="description" content="XXX">
<meta name="keywords"
content="Der XXX">
<META http-equiv="Content-Type" content="text/html">

<SCRIPT LANGUAGE="JavaScript">

Browser = false ;
if(navigator.appName.indexOf("Netscape") != -1)
{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )
Browser = true}
if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)
Browser=true}
if ( Browser == true) {
home_off= new Image();
home_off.src = "http://www.html.de/images/home_off.gif";
home_on = new Image();
home_on.src = "http://www.html.de/images/home_on.gif";
}

function byt(place, imgName) {
if (Browser == true) {
document[place].src =eval(imgName + ".src");
} }
//-->
</SCRIPT>


<SCRIPT LANGUAGE="JavaScript">

Browser = false ;
if(navigator.appName.indexOf("Netscape") != -1)
{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )
Browser = true}
if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)
Browser=true}
if ( Browser == true) {
contacts_off= new Image();
contacts_off.src = "http://www.html.de/images/contacts_off.gif";
contacts_on = new Image();
contacts_on.src = "http://www.html.de/images/contacts_on.gif";
}

function byt(place, imgName) {
if (Browser == true) {
document[place].src =eval(imgName + ".src");
} }
//-->
</SCRIPT>


<SCRIPT LANGUAGE="JavaScript">

Browser = false ;
if(navigator.appName.indexOf("Netscape") != -1)
{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )
Browser = true}
if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)
Browser=true}
if ( Browser == true) {
about_off= new Image();
about_off.src = "http://www.html.de/images/about_off.gif";
about_on = new Image();
about_on.src = "http://www.html.de/images/about_on.gif";
}

function byt(place, imgName) {
if (Browser == true) {
document[place].src =eval(imgName + ".src");
} }
//-->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">

Browser = false ;
if(navigator.appName.indexOf("Netscape") != -1)
{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )
Browser = true}
if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)
Browser=true}
if ( Browser == true) {
links_off= new Image();
links_off.src = "http://www.html.de/images/links_off.gif";
links_on = new Image();
links_on.src = "http://www.html.de/images/links_on.gif";
}

function byt(place, imgName) {
if (Browser == true) {
document[place].src =eval(imgName + ".src");
} }
//-->
</SCRIPT>


<SCRIPT LANGUAGE="JavaScript">

Browser = false ;
if(navigator.appName.indexOf("Netscape") != -1)
{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )
Browser = true}
if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)
Browser=true}
if ( Browser == true) {
download_off= new Image();
download_off.src = "http://www.html.de/images/download_off.gif";
download_on = new Image();
download_on.src = "http://www.html.de/images/download_on.gif";
}

function byt(place, imgName) {
if (Browser == true) {
document[place].src =eval(imgName + ".src");
} }
//-->
</SCRIPT>


<SCRIPT LANGUAGE="JavaScript">

Browser = false ;
if(navigator.appName.indexOf("Netscape") != -1)
{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )
Browser = true}
if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)
Browser=true}
if ( Browser == true) {
gallery_off= new Image();
gallery_off.src = "http://www.html.de/images/gallery_off.gif";
gallery_on = new Image();
gallery_on.src = "http://www.html.de/images/gallery_on.gif";
}

function byt(place, imgName) {
if (Browser == true) {
document[place].src =eval(imgName + ".src");
} }
//-->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">

Browser = false ;
if(navigator.appName.indexOf("Netscape") != -1)
{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )
Browser = true}
if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)
Browser=true}
if ( Browser == true) {
news_off= new Image();
news_off.src = "http://www.html.de/images/news_off.gif";
news_on = new Image();
news_on.src = "http://www.html.de/images/news_on.gif";
}

function byt(place, imgName) {
if (Browser == true) {
document[place].src =eval(imgName + ".src");
} }
//-->
</SCRIPT>

</HEAD>



<BODY BACKGROUND="brot.jpg" topmargin=0 leftmargin=0 MARGINHEIGHT=0 MARGINWIDTH=0>

<CENTER>

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="765" HEIGHT="695">
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="142" HEIGHT="63">
    <IMG NAME="JS0" SRC="http://www.html.de/images/index-1x1.jpg" WIDTH="142" HEIGHT="63" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="531" HEIGHT="63">
    <IMG NAME="JS1" SRC="http://www.html.de/images/index-1x2.jpg" WIDTH="531" HEIGHT="63" BORDER="0"></TD>
<TD ROWSPAN="7" COLSPAN="1" WIDTH="92" HEIGHT="695">
    <IMG NAME="JS2" SRC="http://www.html.de/images/index-1x3.jpg" WIDTH="92" HEIGHT="695" BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="142" HEIGHT="108">
    <IMG NAME="JS3" SRC="http://www.html.de/images/index-2x1.jpg" WIDTH="142" HEIGHT="108" BORDER="0"></TD>
<TD ROWSPAN="2" COLSPAN="2" WIDTH="531" HEIGHT="442" valign=top bgcolor=white>
<center>
  <h1><font color="#0403B9">Luckys Brotzeitflitzer</font></h1>
  <p>&nbsp;</p>
  <p><img src="http://www.html.de/images/flitzer.jpg" width="229" height="275" alt="bild"></p>
</center></TD>
</TR>
<TR>
<TD  WIDTH="142" HEIGHT="334" valign=top align=left>
<!-- <IMG NAME="JS5" SRC="http://www.html.de/images/index-3x1.jpg" WIDTH="142" HEIGHT="334" BORDER="0"> -->

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<tr><td>
<A HREF="Home.htm" onMouseOver="byt('home','home_off')"><!--A onMouseOut="byt('home','home_off')"-->
<IMG SRC="http://www.html.de/images/home_off.gif" NAME="home" HEIGHT="51" WIDTH="134" BORDER="0"></A><br>

<A HREF="about.htm" onMouseOver="byt('contacts','contacts_off')"> <!--onMouseOut="byt('contacts','ueber_off')"--> 
<IMG SRC="http://www.html.de/images/contacts_off.gif" NAME="contacts" HEIGHT="51" WIDTH="134" BORDER="0"></A><br>

<A HREF="Bilder.htm" onMouseOver="byt('about','about_off')"> <!--onMouseOut="byt('about','about_off')"-->
<IMG SRC="http://www.html.de/images/about_off.gif" NAME="about" HEIGHT="51" WIDTH="134" BORDER="0"></A><br>

<A HREF="guestbook.htm" onMouseOver="byt('links','links_off')"> <!--onMouseOut="byt('links','links_off')"-->
<IMG SRC="http://www.html.de/images/links_off.gif" NAME="links" HEIGHT="51" WIDTH="134" BORDER="0"></A><br>

<A HREF="Kontakt.htm" onMouseOver="byt('download','download_off')">
<!--onMouseOut="byt('download','download_off')"--> <IMG SRC="http://www.html.de/images/download_off.gif"
NAME="download" HEIGHT="51" WIDTH="134" BORDER="0"></A><br>

<A HREF="Impressum.htm" onMouseOver="byt('gallery','gallery_ff')">
<!--onMouseOut="byt('gallery','gallery_off')"-->
<IMG SRC="http://www.html.de/images/gallery_off.gif" NAME="gallery" HEIGHT="51" WIDTH="134" BORDER="0"></A><br>

<IMG SRC="http://www.html.de/images/background.gif" HEIGHT="28" WIDTH="134" BORDER="0"><br>

</TD>
</TR>
</table>

    
</TD>
</TR>
<TR>
<TD ROWSPAN="4" COLSPAN="1" WIDTH="142" HEIGHT="190">
    <IMG NAME="JS6" SRC="http://www.html.de/images/index-4x1.jpg" WIDTH="142" HEIGHT="190" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="531" HEIGHT="47">
    <IMG NAME="JS7" SRC="http://www.html.de/images/index-4x2.jpg" WIDTH="531" HEIGHT="47" BORDER="0"></TD>
</TR>



<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="482" HEIGHT="62" bgcolor="#F9CA02" valign=center align=center>
<!-- You may replace the following with your own information -->
  <font color="#0403B9"><marquee scrollamount="4">
<p>Anfragen an: <a href="mailto:lucky.com?subject=Anfrage" style="text-decoration:none" > lucky </a>oder 0173 / 

</p>

  </marquee></font>
<!-- Begin AdDynamix Code --><!-- End AdDynamix Code -->
</TD>
    
<TD ROWSPAN="1" COLSPAN="1" WIDTH="49" HEIGHT="62">
    <IMG NAME="JS9" SRC="http://www.html.de/images/index-5x2.jpg" WIDTH="49" HEIGHT="62" BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="531" HEIGHT="9">
    <IMG NAME="JS10" SRC="http://www.html.de/images/index-6x1.jpg" WIDTH="531" HEIGHT="9" BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="531" HEIGHT="72">
    <IMG NAME="JS11" SRC="http://www.html.de/images/index-7x1.jpg" WIDTH="531" HEIGHT="72" BORDER="0"></TD>
</TR>
</TABLE>

</BODY>
</HTML>

Mein Problem ist, das ich hier irgendwie ein Spaltenproblem habe, welches mir die Seite verhunzt! Siehe Bild!

Nach den Buttons schaut das Hintergrundbild durch, ändere ich aber die größe der Buttons, bleibt der Spalt immer noch da!

Danke euch 1000 mal im Voraus

Wustersoss · 21 Januar 2012

Benutze mal den Validator für den Code. 33 Fehler hat der.

Fange mal neu an wenn du üben willst.
Der Code ist uralt und entspricht in keinster Weise den Regeln wie man Webseiten erstellt.

Lies dich mal hier ein: HTML - berblick

Tronjer · 21 Januar 2012

tommy1308 schrieb:
Hi,
habe flogende Index html... (nicht von mir, möchte daran üben und diese abändern)....

Dann merke dir für den Einstieg gleich ein paar Dinge:

- Niemals Tabellenlayout verwenden.
- Formatierungen grundsätzlich nicht in HTML-Tags, sondern in CSS schreiben.
- Keinen Code verwenden, den man nicht interpretieren kann.
- KISS (keep it small and simple).

Das hier ist ein Script aus den 90'er Jahren. Schmeiss es weg und suche dir statt dessen ein vernünftiges Tutorial.

tommy1308 · 22 Januar 2012

Danke schön!

Layoutproblemme mit Tabellen...Absoluter Anfänger

tommy1308

Neues Mitglied

Wustersoss

Guest

Tronjer

Senior HTML'ler

tommy1308

Neues Mitglied

Neueste Beiträge