Autor Tema: no me reconoce class CSS en el documento HTML ejercicio CU01012D (Leído 12721 veces)

DRANXZ88 · « **en:** 02 de Octubre 2014, 23:16 »

Este mi documento de HTML del ejercicio de la entrega nº CU01012D del curso de CSS:

<!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">
</head>
<body>
<div><h1>Novedades</h1><p class="principal">Aquí presentamos las novedades del sitio.</p></div>
<div>
<h3 class="secundario">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>
<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>

-------------------------------------------------------------------------------------------------
Esta es mi class en CSS el principal
/*ejercicios de CLASS en CSS*/
.principal{color:red;font-size:150%;}

------------------------------------------------------------------------------------------------
y este es el secundario en CSS
/*ejercicios de CLASS en CSS*/
.secundario{color:green;font-size:110%;background-color:yellow;}

Ogramar · « **Respuesta #1 en:** 03 de Octubre 2014, 08:17 »

Hola Ramón, te comento que para pegar código debes usar el botón # que aparece en el editor del foro, lo pulsas y una vez te aparezcan las etiquetas [ code ] ... [ / code] pon el código entre esas dos etiquetas, luego pulsa previsualizar para comprobar si ha quedado bien o si tienes que corregir algo.

Sobre el ejercicio CU01012D del curso CSS, el enunciado dice: En él encontrarás tres etiquetas div. Haz lo siguiente:

a) Establece atributos class para cada una de ellas con valores <<principal>> para la primera, y <<secundario>> para la segunda y la tercera.

Pero tú no has establecido correctamente el atributo class sobre etiquetas div, sino que lo has hecho sobre otras etiquetas.

Tú has escrito: <div><h1>Novedades</h1><p class="principal">Aquí presentamos las novedades del sitio.</p></div>

Aquí tienes el atributo class sobre una etiqueta p. Para poner el atributo a la etiqueta div tienes que hacerlo así:

<div class="principal"><h1>Novedades</h1><p>Aquí presentamos las novedades del sitio.</p></div>

Lo mismo te ocurre aquí. En vez de:

<div>
<h3 class="secundario">Lanzamos el producto X-FASHION</h3>

Debes escribir:

<div class="secundario">
<h3>Lanzamos el producto X-FASHION</h3>

Finalmente el ejercicio dice que en el tercer div también class debe ser secundario, por tanto debes escribir:

<div class="secundario">
<h3>Mejoramos el producto T-MOTION</h3>

Una vez definido esto, tienes que meter el código CSS. Para ello puedes hacerlo como CSS interno (dentro del mismo archivo html donde tienes el código html) o como css externo (en un archivo aparte, poniendo una referencia).

Mira las explicaciones y ejemplos que tienes aquí: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=713:formas-de-aplicar-css-interno-y-externo-link-rel-y-archivos-de-extension-css-comentarios-css-cu01010d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203

Inténtalo y si tienes problemas vuelve a consultar

Salu2

DRANXZ88 · « **Respuesta #2 en:** 03 de Octubre 2014, 18:54 »

gracia y me funciono el problema era que yo no lo especifique la ruta de mi archivos css con el link rel

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: