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: 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;}
-
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
-
gracia y me funciono el problema era que yo no lo especifique la ruta de mi archivos css con el link rel