Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Dimitar Stefanov en 12 de Enero 2016, 15:53

Título: CSS W3C Validator validación de código CSS según especificación oficial CU01023D
Publicado por: Dimitar Stefanov en 12 de Enero 2016, 15:53
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%;
}
Título: Re:CSS W3C Validator validación de código CSS según especificación oficial CU01023D
Publicado por: Ogramar en 15 de Enero 2016, 18:22
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
Título: Re:CSS W3C Validator validación de código CSS según especificación oficial CU01023D
Publicado por: Dimitar Stefanov en 15 de Enero 2016, 18:44
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:))
Título: Re:CSS W3C Validator validación de código CSS según especificación oficial CU01023D
Publicado por: Ogramar en 17 de Enero 2016, 20:25
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
Título: Re:CSS W3C Validator validación de código CSS según especificación oficial CU01023D
Publicado por: Dimitar Stefanov en 18 de Enero 2016, 17:54
Ah, sí, sí, me ha salido todo sin errores. Perdón, despiste mio.

Saludos.