Valide !!! aber...
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
astronomische methoden
ausnahme
bestandteil
body
copyright
erste
fehler
gel
intro
klappe
konzept
labormethode
lichtgeschwindigkeit
materie
nes
regel
sonstige programmiersprachen
top navigation
transitional
-
Hi @ all
als erstes den Quellcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Lichtgeschwindigkeit</title>
<meta name="author" content="****">
<meta name="generator" content="HTML EDITOR">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
#back {background-image:url(grafik/hintergrund.jpg); background-repeat:no-repeat;}
.text {background: #ABCCFE; font-weight: bold; text-align:center; vertical-align:top; line-height:2.5em;}
.text2 {font-weight: bold; text-align:center; vertical-align:mclassdel;}
.menue {background: #ABCCFE; font-weight: bold; text-align:center;}
body {color: #3D71DC; font-weight: bold; background: #FFFFFF;}
a:link {color: #3D71DC; font-weight: bold;}
a:visited {color: #3D71DC; font-weight: bold;}
-->
</style>
</head>
<script language="JavaScript" type="text/javascript">
<!--
function close() {
return
}
//-->
</script>
<noscript></noscript>
<!--Ab hier begint die Top Navigation. Sie ist Bestandteil aller Seiten mit Ausnahme der Intro-Seite-->
<table id="back" cellspacing="0" width="740" border="1" style="border-style:solid; border-color:#FFFFFF">
<tr>
<td height="120" colspan="4"><img src="grafik/head.gif" width="740" height="100" border="0" alt=""></td>
</tr>
<tr>
<td width="185" class="menue">Hauptmenü</td>
<td width="185" class="menue">Sitemap</td>
<td width="185" class="menue">Impressum</td>
<td width="185" class="menue">Beenden</td>
</tr>
<tr>
<td height="15" colspan="4"></td>
</tr>
<tr>
<td width="185" height="120" class="text">Albert Einstein<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"class="text2"><div class="test"></div></td>
<td width="185" height="120" class="text">Astronomische Methoden<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
</tr>
<tr>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">Labormethoden<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">Vakuumgeschwindigkeit<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
</tr>
<tr>
<td width="185" height="120" class="text">Licht in Materie<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">?berlichtgeschwindigkeit<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
</tr>
<tr>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">Gruppengeschwindigkeit<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">Konzept<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
</tr>
<tr>
<td height="15" colspan="4"></td>
</tr>
<tr>
<td height="10" colspan="4" class="menue">? Copyright by ****, 2005</td>
</tr>
<tr>
<td height="80" colspan="4"></td>
</tr>
</table>
</html>
Jetzt wollte ich mal schauen ob das ganze valide ist und siehe da ja - aber da fehlr doch der body tag und was noch komischer ist die Farbe des Tabellenrandes ist nicht wei? sondern grau - kann mir jemand helfen - sehe wohl den Wald vor B?umen nicht -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Setzt doch einfach den body-Tag rein.
Und statt border-style:solid; border-color:#FFFFFF sagst du:
border:1px solid #fff;
Dann m?sste alles klappen.
Aber bitte verschieben nach HTML & JS, da passt es am Ehesten rein...
H2O -
schon versucht klappt nicht - desweiteren warum kein body tag?
-
Was meinst du mit "warum kein body tag?"
Warum der Validator es als korrekt angesehen hat, wei? ich auch nicht.
Ich nehme an f?r ein Transitional reicht ein <html> Tag...
Wei? ich aber nicht genau...
Das mit der border m?sste eigentlich gehen, ansonsten setzen border="1" mal auf border="0" und probiere das dann ?ber CSS zu regeln.
H2O -
Habe jetzt selber ausprobiert:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Lichtgeschwindigkeit</title>
<meta name="author" content="****">
<meta name="generator" content="HTML EDITOR">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
#back {background-image:url(grafik/hintergrund.jpg); background-repeat:no-repeat;}
.text {background: #ABCCFE; font-weight: bold; text-align:center; vertical-align:top; line-height:2.5em;}
.text2 {font-weight: bold; text-align:center; vertical-align:mclassdel;}
.menue {background: #ABCCFE; font-weight: bold; text-align:center;}
body {color: #3D71DC; font-weight: bold; background: #FFFFFF;}
a:link {color: #3D71DC; font-weight: bold;}
a:visited {color: #3D71DC; font-weight: bold;}
td {border:1px solid #FF0000;}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function close() {
return
}
//-->
</script>
<noscript></noscript>
</head>
<body>
<!--Ab hier begint die Top Navigation. Sie ist Bestandteil aller Seiten mit Ausnahme der Intro-Seite-->
<table id="back" cellspacing="0" width="740" border="0">
<tr>
<td height="120" colspan="4" style="border-bottom:none;"><img src="grafik/head.gif" width="740" height="100" border="0" alt=""></td>
</tr>
<tr>
<td width="185" class="menue">Hauptmen?</td>
<td width="185" class="menue">Sitemap</td>
<td width="185" class="menue">Impressum</td>
<td width="185" class="menue">Beenden</td>
</tr>
<tr>
<td height="15" colspan="4"></td>
</tr>
<tr>
<td width="185" height="120" class="text">Albert Einstein<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"class="text2"></td>
<td width="185" height="120" class="text">Astronomische Methoden<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
</tr>
<tr>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">Labormethoden<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">Vakuumgeschwindigkeit<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
</tr>
<tr>
<td width="185" height="120" class="text">Licht in Materie<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">?berlichtgeschwindigkeit<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
</tr>
<tr>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">Gruppengeschwindigkeit<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
<td width="185" height="120"> </td>
<td width="185" height="120" class="text">Konzept<br><div style="margin-top: 35px"><img src="grafik/Button.jpg" width="184" height="20" border="0" alt=""></div></td>
</tr>
<tr>
<td height="15" colspan="4"></td>
</tr>
<tr>
<td height="10" colspan="4" class="menue">? Copyright by ****, 2005</td>
</tr>
<tr>
<td height="80" colspan="4"></td>
</tr>
</table>
</body>
</html>
So klappt es.
H2O -
Verschoben von "Sonstige Programmiersprachen" nach "HTML & JavaScript".
-
Klar lernt man das zuerst, weil es die rundlegendsten Elemente in HTML sind: html, head und body. Doch jetzt stellt euch vor, man inkludiert eine Seite mittels PHP, und diese Seite besitzt <html>, <head> und <body>. Dann w?re doch je zwei mal <html>, <head> und <body> auf der Seite - was laut W3C nicht mehr konform ist. Aufgrund dessen hat man (fragt mich bitte nicht seit wann) entschieden, dass html, head und body optional sind. Man darf also mit und ohne diese grundlegende Elemente arbeiten.
Eigentlich recht schlau, wenn man so ?berlegt ...
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage