Aquí están mis comentarios / sugerencias / quejas...todos en un puesto...

Es, al igual que spork señalado, no es válido, pero sólo cuenta con 7 errores que con XHTML estricto a UTF 8. Aquí es válida la completa estricto código HTML.
<! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML estricto 1,0 / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3. org/1999/xhtml "xml: lang =" es "lang =" en ">
<head>
<title> Craig Campbell Online </ title>
<link rel="stylesheet" href="jca.css" />
</ head>
<body>
<div class="content">
<img id = "banner" src = "craiglogo. gif "alt =" Craig Campbell Online "/>
<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; izquierda: 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> Contacto </ h1>
<p> Ahora debería poder ver a este sitio web. Es sólo una página en tamaño, sino su más de una plantilla. </ p>
Gracias por <p>: </ p>
</ div>
<p> prueba </ p>
</ div>
</ body>
</ HTML>
y el nuevo
no válidos CSS
* (cuerpo
font-size: 12px;
margin: 0;
padding: 0;
font-family: Arial;
fondo de color: #000000;
fondo-repito: si no se repita;
fondo de archivo adjunto: fijo ;
)
H1 (
font-size: 14px;
frontera de fondo: 1px solid #FFFFFF;
)
. contenido (
position: absolute;
anchura: 70%;
altura: auto;
top: 15%;
izquierda: 15%;
parte inferior: 15%;
derecho: 15%;
border: 1px solid #CC0001;
fondo de la imagen: url (images / exposición. JPG);
fondo-repito: si no se repita;
antecedentes de posición: centro;
)
a: link (
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
)
a: (activa
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
)
a: visitó (
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
)
. texto (
color: #FFFFFF;
position: absolute;
top: 30%;
izquierda: 5%;
- alinear texto: justificar;
padding-left: 1em;
padding-derecha: 1em;
margin-left: 1em;
fondo de color: #4a4a4a;
opacidad:. 85;
filtro: alfa (opacidad = 85);
anchura: 60%;
altura: 60%;
border: 1px solid #cc0000;
)
. nav_cube (
position: absolute;
top: 1px;
derecho: 0px;
color: #FFFFFF;
width: 154px;
altura: 155px;
)
. nav_cube div (
position: absolute;
width: 46px;
altura: 46px;
border: 1px solid #666666;
)
. nav_wrap (
position: static;
- margen inferior: 30em;
)
. nav_cube Dividendo a (
pantalla: bloque;
ancho: 100%;
altura: 100%;
)
. nav_cube div a: link,. nav_cube div a: visitó (
text-decoration: none;
)
. nav_cube div a: hover (
)
a.white_cube (fondo de color: #FFFFFF;)
a.white_cube: enlace, a.white_cube: visitó (
opacidad: .40;
filtro: alfa (opacidad = 40);
)
a.blue_cube (fondo de color: #14008b;)
a.blue_cube: enlace, a.blue_cube: visitó (
opacidad:. 75;
filtro: alfa (opacidad = 75);
)
a.green_cube (fondo de color: #335c33;)
a.green_cube: enlace, a.green_cube: visitó (
opacidad: .80;
filtro: alfa (opacidad = 80);
)
a.white_cube: hover, a.blue_cube: hover, a. green_cube: hover (
opacidad: 1;
filtro: alfa (opacidad = 1);
)
En esa versión de la CSS y HTML, la opacidad en las obras tanto de IE y Firefox, pero la altura del div (texto) es menor que lo que debería ser. En Firefox. Texto muestra correctamente.
La razón que me ha cambiado los atributos a la etiqueta "<div>" de ".. id = ""...""...class = ""..." Se debe a que de esa manera sería compatible con XHTML estricto y que aún funciona como debe ser. Acabo gastado aproximadamente 2 horas de juego con las posiciones y la adición de nuevos divs y, por último, tengo que trabajar en ambos navegadores de manera satisfactoria (para mí). He puesto mi resolución de pantalla de 800x600 y es de tipo desordenado en IE y Firefox lo mostró el mejor en que la resolución de la pantalla, pero dudo que usted tendrá que preocuparse de ello.
Obviamente, me gustó su sitio plantilla. Espero que lo usa. ¿Por qué me gusta? ¿Qué lo demuestra? Me gusta porque es simple. Es compatible con XHTML estricto. Bueno, ahora es de todos modos. Y he trabajado en su plantilla durante aproximadamente 2 horas. Lo hice porque quería. La siguiente sería más de un examen de algunos de mis "donaciones" si se quiere
PLUS : CSS plantilla
MINUS : No es un archivo válido
IDEA : Que sea un archivo válido
PLUS : Gran sitio, a lo largo de todos.
MINUS : Los banners borde inferior derecha muestra píxeles.
IDEA : Suave a la curva esquina pancartas.
PLUS : Bonito sitio limpio diseño
MINUS : Su personal? e-mail es sobre el banner.
IDEA : En caso de que el correo electrónico es personal, la que utiliza con sus amigos, el asesoramiento que usted haga una cuenta de correo electrónico que se realiza sólo para el sitio.
No tengo ninguna queja en contra de su diseño del sitio. Mantenga su gusto, y espero que se utiliza el diseño.
La opacidad en el DIV "texto" wouldnt trabajo en IE, ya que no puede leer "opacidad: .80" que necesita el filtro (opacidad = 80) "cosa en ese país.
* La CSS no es válida de acuerdo a W3 a causa de la opacidad. W3 operantly dice que se trata de un código inválido. No importa si se trata de filtro (opacidad = 80) o la opacidad: .80. W3 validador de CSS dice que no es válido.