PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : HTML: Java Script verhindert height="" in Tabellen



Pyoro-kun
27.01.2003, 20:30
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

Dark-Kamui
27.01.2003, 21:10
Also ich muss die schon mal von Anfang an sagen dein Quelltext ist wirklich unter aller Kanone. :rolleyes:
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


<!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.:D

Pyoro-kun
27.01.2003, 22:03
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 :D

Dark-Kamui
28.01.2003, 17:46
Gut damit sollte sich die Sache erledigt haben.

- geschlossen -