• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Layoutproblemme mit Tabellen...Absoluter Anfänger

T

tommy1308

Neues Mitglied
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! Unbenannt.JPG
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
 
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
 
tommy1308 schrieb:
Hi,
habe flogende Index html... (nicht von mir, möchte daran üben und diese abändern)....
Zum Vergrößern anklicken....

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.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben