Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: nonona en 06 de Marzo 2015, 12:11
-
Estoy con el ejercicio de este tutorial (CU01011D) y no consigo que el código CSS que va dirigido a la etiqueta h1 se aplique, el resto funciona bien, seguro que es una tontería pero la veo.
Adjunto código del fichero HTML y CCS
Html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="ejercicio11.css">
</head>
<body>
<div id = "novedades">
<h1> Novedades </h1>
<p>Aquí presentamos las novedades del sitio.</p>
</div>
<div id="X-FASHION">
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>
</div>
<div id="T-MOTION">
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</div>
</body>
</html>#novedades h1{color:brown;}
#novedades p{color:blue;}
#X-FASHION h3{color:green;}
#X-FASHION p{color:orange;}
#T-MOTION h3{color:yellow;}
#T-MOTION p{color:brown;}
-
Hola, si no ves el color del h1 puede deberse a tu monitor y a que has puesto brown en lugar de red:
#novedades h1{color:red;}
A mí me funciona bien.
Para establecer el color verde como pide el enunciado sería #X-FASHION h3, #T-MOTION h3{color:green;}
Para establecer el color de fondo que pide el enunciado: #novedades{background-color:yellow; }
El ejercicio quedaría así (he unido todo en un mismo archivo):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<style type="text/css">
#novedades h1{color:red;}
#xFashion h3, #tMotion h3{color:green;}
#novedades{background-color:yellow; }
</style>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
</head>
<body>
<div id = "novedades">
<h1> Novedades </h1>
<p>Aquí presentamos las novedades del sitio.</p>
</div>
<div id="xFashion">
<h3>Lanzamos el producto xFashion</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto xFashion" /></p>
</div>
<div id="tMotion">
<h3>Mejoramos el producto tMotion</h3>
<p>Hemos lanzado una nueva versión del producto tMotion</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</div>
</body>
</html>
Saludos
-
gracias. :)
el resto de etiquetas si funcionan y tengo esos colores por que he estado haciendo pruebas.