Voici mes commentaires / suggestions / plaintes...le tout dans un poste...

Elle, comme Spork souligné, n'est pas valide, mais ne dispose que de 7 erreurs étant XHTML Strict avec UTF à 8. Voici la validité du code HTML Strict.
<! 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 =" fr "lang =" fr ">
<head>
Craig Campbell <title> en ligne </ title>
<link rel="stylesheet" href="jca.css" />
</ head>
<body>
<div class="content">
<img id = "banner" src = "craiglogo. gif "alt =" Craig Campbell en ligne "/>
<div class="nav_wrap">
<div class="nav_cube">
<div style="top: 30px; left: 0px;"> <a href = " #"Class =" white_cube "> </ a> </ div>
<div style="top: 30px; left: 80px;"> <a href = " #"Class =" white_cube "> </ a> </ div>
<div style = " ; top: 110px; left: 0px; "> <a href =" #"Class =" blue_cube "> </ a> </ div>
<div style="top: 110px; left: 80px;"> <a href = " #"Class =" blue_cube "> </ a> </ div>
<div style="top: 190px; left: 0px;"> <a href = " #"Class =" white_cube "> </ a> </ div>
<div style = "top: 190px; gauche: 80px; "> <a href =" #"Class =" white_cube "> </ a> </ div>
<div style="top: 280px; left: 0px;"> <a href = " #"Class =" blue_cube "> </ a> </ div>
<div style="top: 280px; left: 80px;"> <a href = " #"Class =" blue_cube "> </ a> </ div>
</ div>
</ div>
<div class="text"> ;
<h1> Contact </ h1>
<p> Vous devriez maintenant être en mesure de consulter ce site. Ce n'est que dans une seule page, mais son plus d'un modèle. </ p>
Merci pour <p> affichés </ p>
</ div>
<p> test </ p>
</ div>
</ body>
</ html>
et la nouvelle
invalide CSS
* body (
font-size: 12px;
margin: 0;
padding: 0;
font-family: Arial;
background-color: #000000;
background-repeat: no-repeat;
background-attachment: fixed ;
)
h1 (
font-size: 14px;
border-bottom: 1px solid #ffffff;
)
. contenu (
position: absolute;
width: 70%;
height: auto;
top: 15%;
left: 15%;
bas: 15%;
droite: 15%;
border: 1px solid #CC0001;
background-image: url (images / exposition. jpg);
background-repeat: no-repeat;
background-position: center;
)
a: link (
color: #ffffff;
text-decoration: underline;
font-weight: bold;
)
a: active (
color: #ffffff;
text-decoration: underline;
font-weight: bold;
)
a: visited (
font-weight: bold;
color: #ffffff;
text-decoration: underline;
)
. text (
color: #ffffff;
position: absolute;
top: 30%;
left: 5%;
text-align: justifier;
padding-left: 1em;
padding-right: 1em;
margin-left: 1em;
background-color: #4a4a4a;
opacity:. 85;
filter: alpha (opacity = 85);
width: 60%;
hauteur: 60%;
border: 1px solid #cc0000;
)
. nav_cube (
position: absolute;
top: 1px;
right: 0px;
color: #ffffff;
width: 154px;
height: 155px;
)
. nav_cube div (
position: absolute;
width: 46px;
height: 46px;
border: 1px solid #666666;
)
. nav_wrap (
position: static;
margin-bottom: 30em;
)
. nav_cube div a (
display: block;
width: 100%;
height: 100%;
)
. nav_cube div a: link,. nav_cube div a: visited (
text-decoration: none;
)
. nav_cube div a: hover (
)
a.white_cube (background-color: #ffffff;)
a.white_cube: link, a.white_cube: visited (
opacity: ,40;
filter: alpha (opacity = 40);
)
a.blue_cube (background-color: #14008b;)
a.blue_cube: link, a.blue_cube: visited (
opacity:. 75;
filter: alpha (opacity = 75);
)
a.green_cube (background-color: #335c33;)
a.green_cube: link, a.green_cube: visited (
opacity: ,80;
filter: alpha (opacity = 80);
)
a.white_cube: hover, a.blue_cube: hover, a. green_cube: hover (
opacity: 1;
filter: alpha (opacity = 1);
)
Dans cette version de la CSS et HTML, l'opacité des œuvres dans les deux Firefox et IE, mais la hauteur de la div (texte) est inférieure à ce qu'elle devrait être. Dans Firefox. Texte montre correctement.
La raison pour laquelle j'ai changé les attributs de la balise "<div>" de ".. id = ""..."À"...class = ""..." Parce que de cette façon, il serait compatible XHTML Strict et il travaille encore à quel point il se doit. Je viens de passer environ 2 heures à jouer avec les positions et l'ajout de nouveaux divs et finalement réussi à le faire fonctionner de façon satisfaisante dans les deux navigateurs (pour moi). J'ai mis ma résolution d'écran de 800x600, et il a eu la gentillesse de messed up dans Firefox et IE, il a montré le meilleur dans cette résolution de l'écran, mais je doute que vous avez à vous en inquiéter.
Bien sûr, j'ai aimé votre site modèle. J'espère que vous l'utilisez. Pourquoi ai-je comme elle? Qu'est-ce que cela prouve? Je l'aime parce qu'elle est simple. Il est compatible XHTML Strict. Eh bien, maintenant il est de toute façon. Et j'ai travaillé sur votre modèle pour environ 2 heures. Je l'ai fait parce que je voulais. Le texte suivant serait plus de l'examen que certains de mes "dons" si vous
PLUS : CSS template
MOINS : Pas un fichier valide
IDEA : Faites-en un fichier valide
PLUS : Great site, sur tous.
MOINS : Les bannières en bas à droite montre pixels.
IDEA : Smooth les bannières courbe coin.
PLUS : Nice site propre layout
MOINS : Your Personal? e-mail est sur la bannière.
IDEA : Si ce mail est personnel, celui que vous utilisez avec vos amis, je vous conseille de faire un compte e-mail qui est fait juste pour le site.
Je n'ai pas toutes les plaintes contre la conception de votre site. Keep it up, et j'espère que vous utilisez ce modèle.
L'opacité de la DIV "texte" wouldnt travail dans IE, car il ne peut pas lire "opacity: .80" il faut le filtre (opacity = 80) "chose là-dedans.
* Le CSS n'est pas valide selon W3 en raison de l'opacité. W3 operantly dit que c'est un code non valide. Il n'a pas d'importance si elle est le filtre (opacity = 80) ou l'opacité: ,80. W3 validateur CSS dit qu'il est invalide.