nicht angemeldet
Fehlersuche in meinem Seitengrundgerüst
Hallo Forenmitglieder,
ich habe ein Grundgerüst erstellt und wollte Euch Profis doch mal bitten, einen Blick drauf zu werfen.
Es soll das Grundgerüst für meine erste hand-gecodete Seite werden und ich will sichergehen, dass es keine Fehler enthält. Der Validator meldet keine Fehler.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Titel</title>
<style type="text/css">
body
{
padding:50px 0 0 0;
margin:0;
background-color:#EEEEEE;
color:#000000;
font-size:100%;
font-family:arial,helvetica,sans-serif;
}
#zentrierung
{
margin:auto;
width:75%;
}
#oben
{
padding:0 20px 0 20px;
height:100px;
border:2px solid blue;
text-align:left;
}
#unten
{
border:2px solid red;
text-align:left;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<div id="zentrierung">
<div id="oben">
<p>Menü</p>
</div>
<div id="unten">
<h1>Überschrift</h1>
<p>Text Text Text Text</p>
</div>
</div>
</body>
</html>
-
hallo du,
erste hand-gecodete Seite
html seiten erstellen != coden *fg*
ich will sichergehen, dass es keine Fehler enthält.
was ist für dich ein fehler in einer html seite?
Der Validator meldet keine Fehler.
der wird schon recht haben :)
alo mein brauser hats auch überlebt *G*
schaut ok aus....have phun,
hoagie-
Hallo Hoagie,
html seiten erstellen != coden *fg*
Huh? Was denn sonst außer html seiten erstellen == coden?
Da ist wohl der html seiten erstellen != programmieren-Reflex mit Dir durchgegangen...Grüße,
Utz
--
Mitglied im Ring Deutscher Mäkler-
hallo,
ganz einfach,coden == programmieren *G*
greetz
-
Hallo Hoagie,
ganz einfach,
coden == programmieren *G*
*zu* einfach. Richtig ist: coden == Code erstellen. Programmieren ist also coden, coden muss aber nicht unbedingt immer Programmieren sein, sondern kann auch für andere Tätigkeiten stehen, bei denen Code erzeugt wird - HTML-Code z.B.
Grüße,
Utz
--
Mitglied im Ring Deutscher Mäkler
-
-
-
-
hi,
Es soll das Grundgerüst für meine erste hand-gecodete Seite werden und ich will sichergehen, dass es keine Fehler enthält. Der Validator meldet keine Fehler.
es validiert also.
sieht es auch so aus, wie du es haben wolltest?ja? was willst du dann jetzt noch hören ...?
gruss,
wahsaga -
Hallo,
Es soll das Grundgerüst für meine erste hand-gecodete Seite werden und ich will sichergehen, dass es keine Fehler enthält. Der Validator meldet keine Fehler.
Was meinst Du sonst mit "Fehler"?
Zahlreiche klassische "Fehler" kannst Du vermeiden,
wenn Du folgende Seiten durchliest:
http://www.dciwam.de/checkliste/
http://www.karzauninkat.com/Goldhtml/
und natuerlich die beliebten Top-Ten-Listen
von Jakob Nielsen - am aktuellsten:
http://www.useit.com/alertbox/20031222.htmlIch kann nur ein paar Details kritisieren:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Warum behauptest Du hier zweimal, der Inhalt der Seite sei englisch,
wenn Du weiter unten deutschen Dummy-Text hast?<style type="text/css">
u.s.w.
Kein Fehler, aber:
Ich wuerde saemtliches CSS gleich von Anfang an
in eine externe Datei speichern.
Gerade wenn Du die Seite als Vorlage/Ausgangspunkt
nehmen willst, also offenbar vorhast, viele
Seiten nach dem gleichen Muster zu stricken.Ein richtiger Fehler ist aber, dass Du hier
body { background-color:#EEEEEE; color:#000000; }
zwar die Farben fuer normalen Text und Hintergrund
bestimmst, aber die Linkfarben nirgends angibst.
Wenn jemand im Browser eingestellt hat (Standard):
"Schwarze Schrift auf weissem Hintergrund,
unbesuchte Links dunkelblau, besuchte Links lila",
dann hat er jetzt zwar hellgraue Schrift auf schwarzem
Hintergrund, aber auch dunkelblaue bzw. lila Links
auf schwarzem Hintergrund.
Deshalb: Gib auch die Farben fuer a:link und a:visited an.
Mindestens.
a:hover, a:focus und a:active darfst Du auch noch, wenn Du willst.http://www.w3.org/2003/07/30-color
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
Sollte IMHO als erstes Element in HEAD stehen, damit
klar ist, wie alles folgende (inklusive TITLE-Element)
codiert ist.<div id="zentrierung">
<div id="oben">
<div id="unten">Die ID-Namen scheinen mir nicht gerade schlau gewaehlt.
Insbesondere "zentrierung".
Was, wenn Du spaeter einmal die Zentrierung wegmachst
und den Block stattdessen linksbuendig machst?
div#zentrierung { margin-left:0; text-align:left; }
wirkt auf mich irgendwie paradox...Schlauer faende ich z.B. "alles", "menue", "inhalt"
Sind aber wie gesagt nur Details.
Dein "Blindtext" bzw. Deine Platzhalter sind sehr kurz
und sagen noch gar nichts ueber moegliche Layout-Probleme aus.
Kann sein, dass Du es extra fuer's Forum gekuerzt hast.
Dann ist es OK so.
Zum richtigen Testen solltest Du richtigen Text in Deiner
Muttersprache waehlen, verschieden lange Woerter, verschieden
lange Absaetze, Ueberschriften und Menue-Links mit mehreren Woertern,
sowie auch Listen und Tabellen.Gruesse,
Thomas
--
Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/