Autor Tema: CSS W3C Validator validación de código CSS según especificación oficial CU01023D  (Leído 3023 veces)

Dimitar Stefanov

  • Experto
  • *****
  • Mensajes: 598
    • Ver Perfil
Mi solución al ejercicio CU01023D del curso CSS desde cero.

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="programar,cursos">
<meta name="description" content="Portarl web aprenderaprogramar.com">
<link rel="stylesheet" type="text/css" href="estilos26.css">
<title>Ejemplos para W3C</title>
</head>
<body>
<div id="page">
<div id="header">
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="¡CSS Válido!" />
</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="¡CSS Válido!" />
</a>
</p>
<h1>Aprendizaje de la programación</h1>
</div>
<div id="wrapper">
<div id="menu">
<h2>Menu</h2>
<ul>
<li>Programación básica</li>
<li>Programación intermedia</li>
<li>Programación avanzada</li>
</ul>
</div>
<div id="body">
</div>
</div>
<div id="footer">
Curso aprenderaprogramar.com
</div>
</div>
</body>
</html>

Código CSS: "estilos26.css"

Código: [Seleccionar]
h1 {
background-color: #FE2E2E;
font-size: 130%;
}
h2 {
background-color: #40FF00;
font-size: 150%;
}
ul, ul li {
background-color: #0000FF;
font-size: 120%;
}
#footer {
background-color: #00FFFF;
font-size: 90%;
}
« Última modificación: 15 de Enero 2016, 18:22 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Buenas dimiste

El ejercicio pedía cambiar color, background-color y font-size y tú solo has incluido estos dos últimos.

Tampoco veo que respondas nada sobre lo que se pedía "utiliza el W3C validator y comprueba si no te indica ningún error, o qué errores o warnings te indica y trata de identificar el por qué de ellos y corregirlos."

Salu2

Dimitar Stefanov

  • Experto
  • *****
  • Mensajes: 598
    • Ver Perfil
Buenas Ogramar,

sobre el color, tienes razón, había interpretado que sólo teníamos que incluir la propiedad background-color y no también color. Lo he corregido. He pasado el archivo por W3C validator y los logos conseguidos los incorporo en <div id="header">. No se te han visualizado bien a ti?

Saludos. (Gracias por corregir y ayudarme en todos los ejercicios que estoy haciendo. Aprendo muchiiisimo:))

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Buenas, los logos sí los había visto, a lo que me refería era a que no comentabas nada de si te habían aparecido errores o warnings y cómo los habías corregido

Salu2

Dimitar Stefanov

  • Experto
  • *****
  • Mensajes: 598
    • Ver Perfil
Ah, sí, sí, me ha salido todo sin errores. Perdón, despiste mio.

Saludos.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".