web334
Mitglied
Registriert: 03.01.2007
Beiträge: 8
|
|
Hallo Leute
nachdem ich ein wenig mit moo.fx experimentiert habe und einen Entwurf für eine Seite hatte, wollte ich überprüfen, ob diese auch w3c valide ist. Leider wurde mir sehr viele Fehler angezeigt, wovon ich zwar einige beheben konnte, aber eben nicht alle. Nun sind noch 15 Fehler vorhanden. Siehe hier:
http://www.validome.org/validate/?uri=http://www.downunder.pytalhost.de/Reiter/&lang=ge&doctype=doctypeAUTO&charset=charsetAUTO
natürlich habe ich versucht, auch diese Fehler zu beheben, aber dann stimmte das Layout nicht mehr.
Wäre super, wenn mir jemand helfen könnte.
Und hier meine Seite: http://www.downunder.pytalhost.de/Reiter/
|
|
| 03.01.2007 10:53:41 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Hallo.
Naja, eigentlich sind alle Fehler ausreichend beschrieben.
Z.B. gibt es den font-Tag in XHTML nicht mehr.
Und ein div in einer Überschrift geht ebenfalls schief.
Und wenn das Layout nicht mehr stimmt, dann ist grundsätzlich etwas falsch.
Vielleicht wäre ein Wechsel zu HTML sinnvoller.
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 03.01.2007 16:58:32 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
web334
Mitglied
Registriert: 03.01.2007
Beiträge: 8
|
|
Und wie vollziehe ich den Wechsel zu HTML? Was muss ich ändern?
|
|
| 03.01.2007 18:33:45 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Zuallererst wäre es sinnvoll, wenn man sich mal etwas Lektüre zur Hand nimmt.
Es kann doch nicht sein, das Du ein XHTML 1.1 - Dokument in's Netz bringst und dann fragst, wie das in HTML sein müsste.
Sorry, wenn das für Dich jetzt hart oder auch arrogant klingt, aber etwas mehr Basics wären wirklich von Vorteil.
Wir helfen ja gerne bei Fehlerbehebungen, aber Dein Dokument solltest Du grundsätzlich schon im Griff haben...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 03.01.2007 19:44:10 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
web334
Mitglied
Registriert: 03.01.2007
Beiträge: 8
|
|
Mir ist schon klar, dass mir einige Grundlagen fehlen. Ich habe mich schon seit einiger Zeit nicht mehr mit HTML und CSS beschäftigt und musste feststellen, dass meine Kenntnisse zum Teil veraltet sind.
Ich habe auch versucht, meine Lücken zu schließen, aber ich habe oft nicht das gefunden, was ich eigentlich gesucht hatte oder dass mir weitergeholfen hätte.
Nachdem ich nun etwas mehr Zeit in das ganze Thema investiert habe, konnte ich meine Fehler beseitigen und die Seite ist nun w3c valide.
|
|
| 04.01.2007 14:46:14 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Glückwunsch! Geht doch ;-)
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 04.01.2007 18:24:41 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
web334
Mitglied
Registriert: 03.01.2007
Beiträge: 8
|
|
Jetzt habe ich aber noch eine Frage:
ich habe bestimmte Texte etwas hervorgehoben. Diese habe ich folgendermaßen formatiert:
strong {
color: #5275b4;
font-weight: bold;
}
Jetzt möchte ich aber noch weitere Texte betonen, aber mit einer anderen Farbe. Leider weiß ich nicht, wie ich das am besten mache.
|
|
| 04.01.2007 19:43:34 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Vergib verschiedene Klassen.
Beispiel:
CSS
Code:
.strong1 {
color: #5275b4;
font-weight: bold;
}
.strong2 {
color: #d5d5d5;
font-weight: bold;
} |
(X)HTML
Code:
<strong class="strong1">Text</strong>
<strong class="strong2">Text</strong> |
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 04.01.2007 20:12:46 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
web334
Mitglied
Registriert: 03.01.2007
Beiträge: 8
|
|
Vielen Dank für deine Antwort. Werde das ganze mal ausprobieren
Beitrag geändert von web334 (26.10.2007 17:23:22)
|
|
| 04.01.2007 20:31:13 |
|
|
|
Warum nicht die beiden dafür vorgesehenen Elemente nutzen? Neben strong gibt es doch noch em. Das dürfte semantisch wohl besser geeignet sein als zwei Klassen.
|
|
| 04.01.2007 21:33:47 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Bitte um Erklärung!
Es gibt nur <strong></strong> als dafür vorgesehenes Element. Danach kommt nix mehr.
em ist eine relative Maßeinheit in CSS.
Ich wüsste jetzt nicht, warum man deswegen keine zwei Klassen brauchen würde, lasse mich aber gerne eines besseren belehren...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 04.01.2007 22:17:48 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
|
|
| Es gibt nur <strong></strong> als dafür vorgesehenes Element. Danach kommt nix mehr. |
Danach nicht, aber davor. ;) Wie kommst du darauf, dass es in HTML kein em-Element gibt? Siehe http://www.w3.org/TR/html4/struct/text.html#edef-EM
|
|
| 05.01.2007 01:30:06 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Uff. Stimmt. Da habe ich mich jetzt mächtig blamiert. Manchmal hat man aber echt ein Brett vor'm Kopp...
Da ich es noch nie benutzt hatte, gibt's das auch nicht ;-)
Trotz allem besteht ja die Möglichkeit, das User mehr als zwei strong-Elemente verschiedenfarbig machen möchte und dann gingen die Elemente aus.
Deswegen halte ich an meinem X-Klassen-Vorschlag fest. Ist ja nicht falsch.
Das macht man ja üblicherweise z.B. auch bei p-Tags.
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 05.01.2007 01:40:02 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
web334
Mitglied
Registriert: 03.01.2007
Beiträge: 8
|
|
Das em-Element habe ich bei meiner ersten korrekten Lösung verwendet. Das erschien mir aber zu umständlich.
Ich habe es jetzt so gelöst:
strong.linie {
font-style: normal;
color: #e0542f;
font-weight: bold;
text-decoration: underline;
}
und in meine HTML-Datei habe ich es so eingebunden:
<strong class="linie" >tina-wellhoefer@yahoo.de</strong>
ich habe nun ich probiert, ob die Seite damit auch w3c valide ist.
|
|
| 05.01.2007 22:11:09 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Wieso nimmst Du für die Mail-Adresse nicht <address></address>?
Das kannst Du ebenfalls formatieren wie Du es möchtest...
http://www.validome.org/doc/HTML_ge/htm ... m#adressen
Nachtrag:
Code:
.linie {
color: #e0542f;
text-decoration: underline;
} |
So wäre es ausreichend, denn font-weight:bold brauchst Du nicht, weil strong schon bold dargestellt wird
und font-style:normal brauchst Du ebenfalls nicht, weil der Default-Wert schon normal ist.
Solltest Du allerdings auf <address> ausweichen, dann brauchst Du wieder font-style:normal.
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 05.01.2007 22:36:41 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
web334
Mitglied
Registriert: 03.01.2007
Beiträge: 8
|
|
dkdenz schrieb:
Wieso nimmst Du für die Mail-Adresse nicht <address></address>?
Das kannst Du ebenfalls formatieren wie Du es möchtest...
http://www.validome.org/doc/HTML_ge/html/text/zitate_adressen.htm#adressen
Nachtrag:
Code:
.linie {
color: #e0542f;
text-decoration: underline;
} |
So wäre es ausreichend, denn font-weight:bold brauchst Du nicht, weil strong schon bold dargestellt wird
und font-style:normal brauchst Du ebenfalls nicht, weil der Default-Wert schon normal ist.
Solltest Du allerdings auf <address> ausweichen, dann brauchst Du wieder font-style:normal. |
vielen Dank für deinen Hinweis.
Das Element Adress sollte ich natürlich verwenden. Da ich mich erst seit ein paar Tagen wieder mit dem ganzen css -Zeug befasse, kenne ich nur sehr wenig. Ich habe zwar gestern etwas über dieses Element gelesen, aber daran gedacht habe ich anscheinend nicht mehr.
Die überflüssigen Formatierungen kommen daher, da ich fast das gleiche für das em-Element verwendet habe. Werde wohl noch ein paar Schönheitsfehler ausbessern müssen.
|
|
| 06.01.2007 01:44:35 |
|
web334
Mitglied
Registriert: 03.01.2007
Beiträge: 8
|
|
Wo kann ich eigentlich nachlesen, wie die verschiedenen Elemente definiert sind? ich meine damit, wie h3 und so weiter formatiert sind ?
|
|
| 06.01.2007 01:58:50 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Wo man die Default-Werte von Überschriften nachlesen kann, weiß ich nicht, aber Überschriften kannst Du selbst formatieren.
http://www.validome.org/doc/HTML_ge/htm ... riften.htm
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 06.01.2007 14:54:46 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
