Ergebnis 1 bis 4 von 4

Thema: HTML: Java Script verhindert height="" in Tabellen

  1. #1

    HTML: Java Script verhindert height="" in Tabellen

    Wir müssen für unsere Schule ne Homapage erstellen, da ich das aber nich mit Frames machen will, bin ich auf Tabellen umgestiegen.
    Allerdings verhindert das JavaScript, dass ich height="" in Tabellen nutzen kann, was natürlich recht unpraktisch ist...
    Kann sich mal jemand den Quellcode anschauen ?
    Oder mir n Tool sagen, mit dem man Fehler in Java Script aufspühren kann ?
    Unter Opera funktioniert es paradoxer Weise ^^

    http://mitglied.lycos.de/premudus/Projekt/Seite1.html

  2. #2
    Also ich muss die schon mal von Anfang an sagen dein Quelltext ist wirklich unter aller Kanone.
    So weit ich das Beurteilen kann ist nicht das JavaScript das Problem sondern das "HTML".
    Erstmal schließt du die Tabellen falsch.
    Zweitens ist das ein die Datei als XHTML formatiert was auch zu veränderten ansichten führt.
    Also das zu richten ist mir jetzt ehrlich gesagt zuviel Arbeit, ich habe was vom Aufbau ähnliches schnell zusammen geschrieben. Hier hast du den Quellcode
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Unbenanntes Dokument</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <SCRIPT LANGUAGE = "JavaScript">  
    <!--
    Link1= new Image(); Link1.src = "images/geschichte.gif"; 
    Link1on = new Image(); Link1on.src = "images/geschichte-glow.gif"; 
    Link2= new Image(); Link2.src = "images/bluetezeitI.gif"; 
    Link2on = new Image(); Link2on.src = "images/bluetezeitI-glow.gif"; 
    Link3= new Image(); Link3.src = "images/bluetezeitII.gif"; 
    Link3on = new Image(); Link3on.src = "images/bluetezeitII-glow.gif"; 
    Link4= new Image(); Link4.src = "images/genres.gif"; 
    Link4on = new Image(); Link4on.src = "images/genres-glow.gif"; 
    Link5= new Image(); Link5.src = "images/kuenstler.gif"; 
    Link5on = new Image(); Link5on.src = "images/kuenstler-glow.gif"; 
    Link6= new Image(); Link6.src = "images/geschichte.gif"; 
    Link6on = new Image(); Link6on.src = "images/geschichte-glow.gif"; 
    Link7= new Image(); Link7.src = "images/bluetezeitI.gif"; 
    Link7on = new Image(); Link7on.src = "images/bluetezeitI-glow.gif"; 
    Link8= new Image(); Link8.src = "images/bluetezeitII.gif"; 
    Link8on = new Image(); Link8on.src = "images/bluetezeitII-glow.gif"; 
    Link9= new Image(); Link9.src = "images/genres.gif"; 
    Link9on = new Image(); Link9on.src = "images/genres-glow.gif"; 
    Link10= new Image(); Link10.src = "images/kuenstler.gif"; 
    Link10on = new Image(); Link10on.src = "images/kuenstler-glow.gif"; 
    Link11= new Image(); Link11.src = "images/home.gif"; 
    Link11on = new Image(); Link11on.src = "images/home-glow.gif"; 
    Link12= new Image(); Link12.src = "images/anime.gif"; 
    Link12on = new Image(); Link12on.src = "images/anime-glow.gif"; 
    Link13= new Image(); Link13.src = "images/manga.gif"; 
    Link13on = new Image(); Link13on.src = "images/manga-glow.gif";
    
    function swap(imgName,select) 
     {imgOn = eval(select+ ".src"); 
    document.images[imgName].src = imgOn; }
    //-->
    </SCRIPT> 
    <link rel="stylesheet" type="text/css" href="content/blah.css">
    </head>
    
    <body topmargin="0" leftmargin="0" rightmargin="0">
    <table width="100%" border="0">
      <tr> 
        <td width="100">
    <table width="100%">
            <tr> 
              <td> <a href="mitte.html" target="mitte" 
    onmouseover="swap('imgLink11','Link11on')" 
    onmouseout="swap('imgLink11','Link11')"> <img name ="imgLink11" 
    src= "images/home.gif" border = 0 alt = "Home"><br>
                </a> </td>
            </tr>
            <!---				A Swansong for Ravens trapped flapping in Night				--->
            <tr> 
              <td> <a href="content/anime.html" target="mitte" 
    onmouseover="swap('imgLink12','Link12on')" 
    onmouseout="swap('imgLink12','Link12')"> <img name ="imgLink12" 
    src= "images/anime.gif" border = 0 alt = "Anime"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink1','Link1on')" 
    onmouseout="swap('imgLink1','Link1')"> <img name ="imgLink1" 
    src= "images/geschichte.gif" border = 0 alt = "Geschichte"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink2','Link2on')" 
    onmouseout="swap('imgLink2','Link2')"> <img name ="imgLink2" 
    src= "images/bluetezeitI.gif" border = 0 alt = "Blütezeit I"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink3','Link3on')" 
    onmouseout="swap('imgLink3','Link3')"> <img name ="imgLink3" 
    src= "images/bluetezeitII.gif" border = 0 alt = "Blütezeit II"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink4','Link4on')" 
    onmouseout="swap('imgLink4','Link4')"> <img name ="imgLink4" 
    src= "images/genres.gif" border = 0 alt = "Genres"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte"  
    onmouseover="swap('imgLink5','Link5on')" 
    onmouseout="swap('imgLink5','Link5')"> <img name ="imgLink5" 
    src= "images/kuenstler.gif" border = 0 alt = "Künstler"><br>
                </a> </td>
            </tr>
            <!---				Lips and Skin like Sin a Venus Mantrap				--->
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink13','Link13on')" 
    onmouseout="swap('imgLink13','Link13')"> <img name ="imgLink13" 
    src= "images/manga.gif" border = 0 alt = "Manga"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink6','Link6on')" 
    onmouseout="swap('imgLink6','Link6')"> <img name ="imgLink6" 
    src= "images/geschichte.gif" border = 0 alt = "Geschichte"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink7','Link7on')" 
    onmouseout="swap('imgLink7','Link7')"> <img name ="imgLink7" 
    src= "images/bluetezeitI.gif" border = 0 alt = "Blütezeit I"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink8','Link8on')" 
    onmouseout="swap('imgLink8','Link8')"> <img name ="imgLink8" 
    src= "images/bluetezeitII.gif" border = 0 alt = "Blütezeit II"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink9','Link9on')" 
    onmouseout="swap('imgLink9','Link9')"> <img name ="imgLink9" 
    src= "images/genres.gif" border = 0 alt = "Genres"><br>
                </a> </td>
            </tr>
            <tr> 
              <td> <a href="http://www..de" target="mitte" 
    onmouseover="swap('imgLink10','Link10on')" 
    onmouseout="swap('imgLink10','Link10')"> <img name ="imgLink10" 
    src= "images/kuenstler.gif" border = 0 alt = "Künstler"><br>
                </a> </td>
            </tr>
          </table>
        </td>
        <td valign="top"><table width="100%" border="0">
            <tr>
              <td align="center"><img src="http://mitglied.lycos.de/premudus/Projekt/images/oben-4.gif"></td>
            </tr>
            <tr>
              <td><!-- News Bloecke -->
    		  <table width="100%" border="0">
                  <tr> 
                    <td bgcolor="#CCCCCC">&quot;Anime &amp; Manga Projekt 2003&quot; 
                      aus dem Fach &quot;Multimediales Dokument&quot; besch&auml;ftigt 
                      sich mit den fern&ouml;stlichen Medien der Animation und Zeichnung.<br>
                      In Deutschland momentan schwer im kommen, soll hier etwas n&auml;her 
                      verdeutlicht werden, was Anime &amp; Manga eigentlich ist.<br>
                      Auf den folgenden Seiten finden Sie erl&auml;uterungen zur Geschichte, 
                      Bl&uuml;tezeit und Informationen &uuml;ber K&uuml;nstler,Mangaka 
                      und Genres.</td>
                  </tr>
                  <tr>
                    <td bgcolor="#FFFFFF">&nbsp;</td>
                  </tr>
                </table>
    			</td>
            </tr><!-- Optimierungs Vermerk -->
            <tr>
              <td><table width="100%" border="0">
                  <tr> 
                    <td bgcolor="#CCCCCC">Alle Texte,Grafiken und sonstige Inhalte 
                      geh&ouml;ren dem gesetzm&auml;&szlig;igen Besitzer und unterliegen 
                      dem Urheberrecht.</td>
                  </tr>
                  <tr>
                    <td bgcolor="#FFFFFF">Diese Seite ist optimiert f&uuml;r 1024x768 
                      ab IE 5 NS 6 Opera 6 oder kompatible</td>
                  </tr>
                </table></td>
            </tr>
          </table></td>
      </tr>
    </table>
    </body>
    </html>
    Sinn zwar ein paar Tabellen mehr, aber besser verschachtelt als inkompatibel.

  3. #3
    d'oh ich hab die Datei hochgeladen, die ich in der Schule mit unserem komischen HTML editor zusammen gepastet habe >_<
    gomen nasai -.-

    Trotzdem danke für die Mühe, die andere Datei sieht wesentlich besser aus

  4. #4
    Gut damit sollte sich die Sache erledigt haben.

    - geschlossen -

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •