PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Problem mit Seite nach HTML Validierung

tomtom
2004-05-10, 20:17:06
Ich habe mich entschlossen meine HP HTML konform zu schreiben. Als ich den Code durch den Validator(http://www.htmlhelp.com/tools/validator/) testen lies, habe ich fast alle Fehler sofort ausgebessert. Problem danach: Mein Stylesheet wird nur noch zum Teil verwendet! D.h. die Schriftart und die Schriftgröße blieben gleich, jedoch sind alle Farbeffekte verschwunden(auch bei den Hyperlinks(Hovereffekte z.B))

Was kann ich tun? Ich bin mir sicher jede Klammer richtig gesetzt/geschlossen zu haben und hab im Code auch keine CLASS="" Anweisungen gelöscht!

Hier der Code:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<HTML>
<HEAD>
<LINK REL=stylesheet TYPE="text/css" HREF="style.css">
<TITLE>webfx - webdesign and wallpapers 2003-2004 by thomas mirnig</TITLE>
</HEAD>
<BODY STYLE="margin-top: 0; margin-left: 0" BGCOLOR="#EAEAEA">

<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="860px" BORDER="0" ALIGN="center">
<TR>
12 <TD HEIGHT="36" WIDTH="50px" BACKGROUND="layout/row1part01.gif"></TD>
<TD HEIGHT="36" WIDTH="758px" BACKGROUND="layout/row1part02.gif"></TD>
<TD HEIGHT="36" WIDTH="52px" BACKGROUND="layout/row1part03.gif"></TD>
</TR>
</TABLE>

<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="860px" BORDER="0" ALIGN="center">
<TR>
<TD HEIGHT="75" WIDTH="438px" BACKGROUND="layout/row2part01v2.gif"></TD>
<TD HEIGHT="75" WIDTH="246px" BACKGROUND="layout/row2part02.gif"></TD>
<TD HEIGHT="75" WIDTH="176px" BACKGROUND="layout/row2part03v2.gif"></TD>
</TR>
</TABLE>

<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="860px" BORDER="0" ALIGN="center">
<TR>
<TD VALIGN="top" HEIGHT="46" WIDTH="49px" BACKGROUND="layout/row3part01.gif"></TD>
<TD VALIGN="top" HEIGHT="46" WIDTH="759px" BACKGROUND="layout/row3part02.gif">
<a href="webdesign.html" onMouseOver="webdesign.src='layout/hover_webdesign.gif';"onMouseOut="webdesign.src='layout/button_webdesign.gif';"><img ALT="" name="webdesign"src="layout/button_webdesign.gif"border="0"></a>
<a href="learning.html" onMouseOver="html.src='layout/hover_html.gif';"onMouseOut="html.src='layout/button_html.gif';"><img ALT="" name="html"src="layout/button_html.gif"border="0"></a>
<a href="pstuts.html" onMouseOver="ps.src='layout/hover_ps.gif';"onMouseOut="ps.src='layout/button_ps.gif';"><img ALT="" name="ps"src="layout/button_ps.gif"border="0"></a>
<a href="downloads.html" onMouseOver="downloads.src='layout/hover_downloads.gif';"onMouseOut="downloads.src='layout/button_downloads.gif';"><img ALT="" name="downloads"src="layout/button_downloads.gif"border="0"></a>
<a href="gallery.html" onMouseOver="gallery.src='layout/hover_gallery.gif';"onMouseOut="gallery.src='layout/button_gallery.gif';"><img ALT="" name="gallery"src="layout/button_gallery.gif"border="0"></a>
<a href="index.html" onMouseOver="news.src='layout/hover_news.gif';"onMouseOut="news.src='layout/button_news.gif';"><img ALT="" name="news"src="layout/button_news.gif"border="0"></a>
<a href="about.html" onMouseOver="about.src='layout/hover_about.gif';"onMouseOut="about.src='layout/button_about.gif';"><img ALT="" name="about"src="layout/button_about.gif"border="0"></a>
</TD>
<TD VALIGN="top" HEIGHT="46" WIDTH="52px" BACKGROUND="layout/row3part03.gif"></TD>
</TR>
</TABLE>

<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="860px" BORDER="0" ALIGN="center">
<TR>
<TD HEIGHT="16" WIDTH="49px" BACKGROUND="layout/row4part01.gif"></TD>
<TD HEIGHT="16" WIDTH="652px" BACKGROUND="layout/row4part02.gif"></TD>
<TD HEIGHT="16" WIDTH="107px" BACKGROUND="layout/row4part03.gif"></TD>
<TD HEIGHT="16" WIDTH="52px" BACKGROUND="layout/row4part04.gif"></TD>
</TR>
</TABLE>

<!-- HAUPTFENSTER ############################################################## -->
<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="860px" BORDER="0" ALIGN="center" BGCOLOR="#D6D6D6">
<TR>

<TD WIDTH="67px" BACKGROUND="layout/row_main01.gif"></TD>

<TD VALIGN="top">
<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="134px">
<TR>
<TD HEIGHT="13px" BACKGROUND="layout/shortcuts.gif"></TD>
</TR>
<TR>
<TD BACKGROUND="layout/shortcuts_window_main.gif" STYLE="padding-left:5px; padding-right:5px;">
<FONT CLASS="sc">categories</FONT><BR>
<A CLASS="sc" HREF="gallery.html">[0] - 3d pics</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - anime</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - brands</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - cars</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - computer/os</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - fantasy</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - games</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - music</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - nature</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - people female</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - people male</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - science fiction</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - sports</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - tv/movies</A><BR><IMG ALT="" SRC="layout/separator.gif"><BR>
<A CLASS="sc" HREF="http://www.google.at">[0] - other</A><BR><BR>
</TD>
</TR>
<TR>
<TD HEIGHT="13px" BACKGROUND="layout/shortcuts_window_bottom.gif"></TD>
</TR>
</TABLE>
</TD>

<TD WIDTH="12px" BACKGROUND="layout/row_main02.gif"></TD>

<TD VALIGN="top">
<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="473px">
<TR>
<TD HEIGHT="13px" BACKGROUND="layout/news_title.gif" STYLE="padding-left:3px;" ALIGN="center"><FONT CLASS="nt"><B>w e b f x - g a l l e r y</B></FONT></TD>
</TR>
<TR>
<TD BACKGROUND="layout/news_window_main01.gif" STYLE="padding-left:5px; padding-right:5px;">
<TABLE BORDER="0">
<TR>
<TD VALIGN="top" WIDTH="116px">
<B>webfx gallery</B><BR>
<FONT CLASS="in">hier finden sie, eingeteilt in verschiedene kategorien, von usern eingesendete wallpaper in verschiedenen auflösungen.
natürlich gratis und zum download. einfach die gewünschte rubrik auswählen, fertig. wenn sie selbst ein bild einsenden wollen, wählen
sie rechts "submit gfx" aus.
</FONT>
</TD>
<TD WIDTH="15px" VALIGN="top"><IMG ALT="" SRC="layout/main_split.gif"></TD>
<TD VALIGN="top">
<IMG ALT="" SRC="layout/mtitle_gallery.gif"><BR>
<FONT CLASS="ne">
<FONT CLASS="net">kategorien>></FONT><BR>
<IMG ALT="" SRC="layout/separator.gif"><BR>
wählen sie aus den folgenden kategorien aus, um sich die jeweiligen grafiken und wallpaper anzusehen.
die auswahl kann auch links über die shortcuts>> leiste erfolgen!<BR><BR>

115 <TABLE>
<TR>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_3d.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_anime.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_brands.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_cars.gif"></TD>
</TR>
<TR>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">3d</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">anime</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">brands</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">cars</TD>
</TR>


<TR>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_pc.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_fantasy.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_games.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_music.gif"></TD>
</TR>
<TR>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">computer/os</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">fantasy</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">games</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">music</TD>
</TR>


<TR>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_nature.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_female.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_male.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_sf.gif"></TD>
</TR>
<TR>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">nature</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">people fem.</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">people m.</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">si-fi</TD>
</TR>

<TR>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_sports.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_tv.gif"></TD>
<TD ALIGN="center" WIDTH="68px" HEIGHT="68px"><IMG ALT="" SRC="categories/gal_cat_other.gif"></TD>
</TR>
<TR>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">sports</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">tv/movies</TD>
<TD WIDTH="68px" HEIGHT="10px" ALIGN="center">other</TD>
</TR>
</TABLE>

</FONT>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD HEIGHT="16px" BACKGROUND="layout/news_bottom_v1.gif"></TD>
</TR>
<TR>
<TD BACKGROUND="layout/news_bottom_v1.gif"></TD>
</TR>
</TABLE>

</TD>

<TD WIDTH="16px" BACKGROUND="layout/row_main03.gif"></TD>

<TD VALIGN="top">
<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="108px">
<TR>
<TD HEIGHT="13px" BACKGROUND="layout/options.gif"></TD>
</TR>
<TR>
<TD BACKGROUND="layout/lp_bg.gif" ALIGN="center" STYLE="padding-top:3px;">
<FONT>submit gfx</FONT><BR>
<FONT>how to install</FONT><BR>
<FONT>requirements</FONT><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></TD>
</TR>
</TABLE>
</TD>

<TD WIDTH="50px" BACKGROUND="layout/row_main04.gif"></TD>

</TR>
</TABLE>


<!-- HAUPTFENSTER ENDE ######################################################### -->

<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="860px" BORDER="0" ALIGN="center">
<TR>
<TD HEIGHT="16" WIDTH="49px" BACKGROUND="layout/row4part01.gif"></TD>
<TD HEIGHT="16" WIDTH="652px" BACKGROUND="layout/row4part02.gif"></TD>
<TD HEIGHT="16" WIDTH="107px" BACKGROUND="layout/row4part03.gif"></TD>
<TD HEIGHT="16" WIDTH="52px" BACKGROUND="layout/row4part04.gif"></TD>
</TR>
</TABLE>

<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="860px" BORDER="0" ALIGN="center">
<TR>
<TD HEIGHT="47px" WIDTH="49px" BACKGROUND="layout/row_last01.gif"></TD>
<TD HEIGHT="47px" WIDTH="760px" BACKGROUND="layout/row_last02.gif"></TD>
<TD HEIGHT="47px" WIDTH="51px" BACKGROUND="layout/row_last03.gif"></TD>
</TR>
</TABLE>

<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="860px" BORDER="0" ALIGN="center">
<TR>
<TD HEIGHT="10px" WIDTH="25px" BACKGROUND="layout/row_bottom01.gif"></TD>
<TD HEIGHT="10px" WIDTH="808px" BACKGROUND="layout/row_bottom02.gif"></TD>
<TD HEIGHT="10px" WIDTH="27px" BACKGROUND="layout/row_bottom03.gif"></TD>
</TR>
</TABLE>

</BODY>
</HTML>
-=sUn's*shAdoW=-
2004-05-10, 21:05:25
wo ist die style.css?

cu
tomtom
2004-05-11, 10:42:38
Das Stylesheet befindet sich im selben Ordner wie die HTML Datei:

Hier der Code:

TABLE {font-family:arial;font-size:10pt;color:555555}

FONT {font-family:arial;font-size:10pt;color:555555}
FONT.sc {font-family:arial;font-size:10pt;color:FF7E00}
FONT.nt {font-family:arial;font-size:10px;color:353535}
FONT.in {font-family:arial;font-size:10pt;color:677EB9}
FONT.ne {font-family:arial;font-size:9pt;color:7F7F7F}
FONT.net {font-family:arial;font-size:9pt;color:555555}

A.sc {font-family:arial;font-size:10pt;text-decoration:none}
A.sc:link {color:555555}
A.sc:visited {color:555555}
A.sc:active {color:555555}
A.sc:hover {color:6060FD}
Gast
2004-05-11, 13:23:51
scheint so, als wenn du she rsparsam mit # bist.
http://selfhtml.teamone.de/css/formate/wertzuweisung.htm#farben
tomtom
2004-05-11, 17:16:38
Original geschrieben von Gast
scheint so, als wenn du she rsparsam mit # bist.
http://selfhtml.teamone.de/css/formate/wertzuweisung.htm#farben

;) Ich weiß. Aber ich hab mal wo gelesen, dass dies im Stylesheet nicht von Nöten ist. Naja danke jedenfalls für die Info. Werds ausbessern!!! MFG

[EDIT]
WOW! Das war der Fehler!!! Danke vielmals....hätte nicht gedacht was das anrichten kann!!! THX!!!!
tomtom
2004-05-11, 17:24:08
Allerdings hab ich ein neues Problem:
Ich hab noch 2 Fehler beim Validieren, beide versteh ich nicht:


Line 12, character 44:
... "36" WIDTH="50px" BACKGROUND="layout/row1part01.gif"></TD>
^Error: there is no attribute BACKGROUND for this element (in this HTML version)

Line 115, character 18:
<TABLE>
^Error: element TABLE not allowed here; possible cause is an inline element containing a block-level element


Ich hab oben im Quelltext beide fehlerhaften(12, 115) nummeriert! thx, terminator2k3
clm[k1]
2004-05-11, 17:27:28
Ich will ja nicht klugscheißen, aber ist <font> nicht deprecated ?? :???:
ich meine, dafür sind stylesheets doch da - das man das nich mehr verwenden muss!! :kratz2:


EDIT: das der bei dem 2. <TABLE> rummeckert wird IMO daran liegen das du das in besagtes <font>-tag geschrieben hast, wo eine tabelle eben nich hin gehört!!


just my 2 cent
clm[k1]
tomtom
2004-05-11, 17:31:08
Naja der Validator lässts durchgehen!
Flipper
2004-05-11, 18:36:45
hae? er laessts eben nicht durchgehen. Oder mein ich grade was anderes?

naja wie auch immer, Zeile 109 + 110:

<FONT CLASS="ne">
<FONT CLASS="net">kategorien>></FONT><BR>

Falls Zeile 109 nicht irgendein unbeabsichtigtes Relikt ist dann schliess es auch wieder bevor du die <TABLE> anfaengst.

mfg
Flipper
imagine
2004-05-11, 19:02:08
Line 12, character 44:
... "36" WIDTH="50px" BACKGROUND="layout/row1part01.gif"></TD>
^Error: there is no attribute BACKGROUND for this element (in this HTML version)
Die Fehlermeldungen des Validator sind zwar nicht immer besonders aussagekräftig, aber das sollte doch verständlich sein. "Es gibt kein Attribut BACKGROUND für dieses Element".

Line 115, character 18:
<TABLE>
^Error: element TABLE not allowed here; possible cause is an inline element containing a block-level element
Das wurde ja schon erklärt: Du öffnest in Zeile 109 ein Element FONT, schließt es aber nicht bevor in Zeile 115 das Element TABLE erscheint. FONT ist ein Inline-Element, TABLE ein Blockelement und Inline-Elemente dürfen keine Blockelemente enthalten.

Bevor du dich um die Probleme kümmerst rate ich dir aber dringend dich mit CSS zu beschäftigen, dann erledigen sich diese beiden Fehlermeldungen nebenbei von selbst.
tomtom
2004-05-14, 15:28:51
THX mal an Alle! Ich habe im Moment nur noch den Fehler in Zeile 12(im ersten Beitrag markiert!)! Ich habe aber keine Ahnung warum ich hier kein BACKGROUND Attribut anführen darf, bei den darauffolgenden Zeilen funktionierts doch auch!!! Ich hab echt keine Ahnung!!!
imagine
2004-05-14, 17:46:24
Das Element TD besitzt kein Attribut namens BACKGROUND. Das ist bei allen anderen TD auch falsch, der Validator zeigt einen Fehler aber nicht mehrfach an.
tomtom
2004-05-14, 19:17:08
Oh. das is dann aber nicht so toll. Wenn ich das Background Attribut da nicht reingebn darf, wohin soll ich es dann stellen???
imagine
2004-05-14, 21:11:01
Background ist Layout, also mittels CSS.
Das entsprechende Attribut heißt background oder falls es dir nur um ein Bild geht auch background-image.

{background-image:url(bild.png);}

Nur dieses eine Attribut zu ändern, damit die Page validiert ist aber wenig sinnvoll. Viel besser wäre es den Code komplett zu überarbeiten die ganzen anderen Angaben auch durch CSS zu ersetzen. Falls du Zeit zum Investieren hast kannst du am besten gleich die mehrfach verschachtelten Tabellen auflösen und durch positionierte Elemente ersetzen. Das wird aber mit viel Ausprobieren und Tests verbunden sein.
tomtom
2004-05-15, 14:27:06
Zeit werd ich auf jeden Fall investieren, ich will die Seite in PHP umschreiben...