25.04.2024, 10:22
Sprache ändern
Registrieren
Anmelden
Sie sind nicht angemeldet.
w3c valid ? wieso nicht ?*erledigt*
Freitag, 26. November 2004, 18:26
Moin,
Bin grad dabei eine Homepage für eine Fahrschule zu machen.
So sieht es im moment aus. *click*
Allerdings habe ich grad das unverständliche Problem,dass nach ein paar Zeilen code das ganze jetzt schon nichtmehr w3c valid ist - und ich ehrlich gesagt NICHT weiß wieso ...
Hier der w3c Check
Code :
*yogineedhelp*
MfG TrOuble
Bin grad dabei eine Homepage für eine Fahrschule zu machen.
So sieht es im moment aus. *click*
Allerdings habe ich grad das unverständliche Problem,dass nach ein paar Zeilen code das ganze jetzt schon nichtmehr w3c valid ist - und ich ehrlich gesagt NICHT weiß wieso ...
Hier der w3c Check
Code :
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head> <link rel="stylesheet" type="text/css" href="main.css"> <title>Fahrschule /¦\ Baumgarten</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <div align="center"> <table width="798" border="0" cellpadding="0" cellspacing="0" background="images/mittel.jpg"> <tr> <td colspan="2"><img src="images/header.jpg" alt="" width="798" height="234"></td> </tr> <tr> <td width="200"><div align="center"> <?php include "inc/links.php"; ?> </div></td> <td width="598"><div align="center"> <?php include "inc/include.php"; ?> </div></td> </tr> <tr> <td colspan="2"><img src="images/footer.jpg" alt="" width="798" height="45"></td> </tr> </table> </div> </body> <!-- Grafik & Coding von Raymond Schreiber aka TrOuble --> <!-- URL: http://www.troubledesynz.de/ --> |
*yogineedhelp*
MfG TrOuble
Re: w3c valid ? wieso nicht ? (css extern einbinde
Freitag, 26. November 2004, 18:38
Zitat von »r1ppch3n«
also der link tag da... der steht weder im head noch im body... sicher dass das so soll?
ups sorry sollte natürlich in header :
*peinlich*fehlt noch Line 9, column 75: there is no attribute "BACKGROUND"
Re: w3c valid ? wieso nicht ? (css extern einbinde
Freitag, 26. November 2004, 19:08
hehe, zuerst dachte ich "iih, schon wieder so klänpäitsch-ascii-missbrauch" als ich das /¦\ gesehen hab. aber jetzt muss ich mal sagen "respekt!".
wie der validator schon sagt: there is no attribute background. nimmste style="background-image: url(images/mittel.jpg)".
edit: also <body> seh ich beide, aber <html> dafür keins...
wie der validator schon sagt: there is no attribute background. nimmste style="background-image: url(images/mittel.jpg)".
edit: also <body> seh ich beide, aber <html> dafür keins...
Re: w3c valid ? wieso nicht ? (css extern einbinde
Freitag, 26. November 2004, 20:07
entschuldige die frage: warum kein xhtml? wenn schon, denn schon! es braucht ja nur 1.0 transitional zu sein.
und jetzt gehen wir ne stufe weiter:
warum die rollovers mit javascript?
warum ein extra hover-bild, wenn es nur ein rahmen ist (momentan)?
xhtml:
css:
falls du doch andere hover-pics haben willst, weil es mehr als nur ein rand sein soll, dann benutze statt
#nav a:hover { ... }
für jedes bild
#rundgang { background: url(images/rollover/rundgang_hover.jpg); }
(die anderen analog).
teste mal, die nav-pics als png zu speichern, 16 farben sollten reichen. dann vergleiche mal die dateigröße und schärfe. bin mir sicher, das ist die bessere lösung.
hinweis: der gottverdammte (etc.) IE kann das pseudoformat :hover nur auf anker anwenden. dadurch wird übrigens für hübsche popup-navigation fast immer javascript benötigt. DANKE MICROSUCK! da wir hier aber dem anker das hintergrundbild mitgeben, funktioniert diese navigation auch im IE. in richtigen browsern natürlich sowieso. bei verschachtelten menüs, die wiederum ankern enthalten, klappt das ganze entsprechend nicht mehr, weil links verschachteln nicht drin ist.
und jetzt gehen wir ne stufe weiter:
warum die rollovers mit javascript?
warum ein extra hover-bild, wenn es nur ein rahmen ist (momentan)?
xhtml:
|
|
Quellcode |
1 2 3 4 5 6 |
<div id="nav"> <a href="..." id="rundgang"><span>Rundgang</span></a><br /> <a href="..." id="fahrlehrer"><span>Fahrlehrer</span></a><br /> <a href="..." id="fahrzeuge"><span>Fahrzeuge</span></a><br /> ... </div> |
css:
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
/* text bei css-fähigen browsern ausblenden */
#nav a span {
display: none;
}
/* bildgröße */
#nav a {
display: block; /* <------------- WICHTIG */
width: 150px;
height: 30px;
}
/* bilder definieren */
#rundgang {
background: url(images/rollover/rundgang.jpg) no-repeat;
}
#fahrlehrer {
background: url(images/rollover/fahrlehrer.jpg) no-repeat;
}
#fahrzeuge {
background: url(images/rollover/fahrzeuge.jpg) no-repeat;
}
...
/* rahmen als hover-effekt */
#nav a:hover {
border: 1px solid #000000;
}
|
falls du doch andere hover-pics haben willst, weil es mehr als nur ein rand sein soll, dann benutze statt
#nav a:hover { ... }
für jedes bild
#rundgang { background: url(images/rollover/rundgang_hover.jpg); }
(die anderen analog).
teste mal, die nav-pics als png zu speichern, 16 farben sollten reichen. dann vergleiche mal die dateigröße und schärfe. bin mir sicher, das ist die bessere lösung.
hinweis: der gottverdammte (etc.) IE kann das pseudoformat :hover nur auf anker anwenden. dadurch wird übrigens für hübsche popup-navigation fast immer javascript benötigt. DANKE MICROSUCK! da wir hier aber dem anker das hintergrundbild mitgeben, funktioniert diese navigation auch im IE. in richtigen browsern natürlich sowieso.
bei verschachtelten menüs, die wiederum ankern enthalten, klappt das ganze entsprechend nicht mehr, weil links verschachteln nicht drin ist.