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

DRANXZ88

  • Avanzado
  • ****
  • Mensajes: 356
    • Ver Perfil
Este mi documento de HTML del ejercicio de la entrega nº CU01012D del curso de CSS:

Código: [Seleccionar]
<!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;}
« Última modificación: 03 de Octubre 2014, 08:19 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2635
    • Ver Perfil
Re:no me reconoce mi class de CSS en el documento HTML
« 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

  • Avanzado
  • ****
  • Mensajes: 356
    • Ver Perfil
Re:no me reconoce class CSS en el documento HTML ejercicio CU01012D
« 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

 

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".