Autor Tema: Error en la entrega 43 del curso CSS desde cero  (Leído 2174 veces)

Jonathan Ramos

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 15
    • Ver Perfil
Error en la entrega 43 del curso CSS desde cero
« en: 12 de Abril 2016, 23:01 »
El codigo siguiente es repetido para el segundo ejemplo de la entrega No.43 del curso de CSS como codigo de partida, cuando deberia ser un codigo distinto.

Código: [Seleccionar]
<html> <head> <title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8">
<style type="text/css">
*{font-family: arial; }
img { margin-left: 5px; margin-right:5px; }
div { width: 360px; height: 210px; margin: 10px; padding:5px 20px; border-style: solid; border-color: red;
border-width: thin; background-color: yellow; text-align: center;}
 </style> </head>
<body>
<div style="float:left;">Línea de texto sin una imagen</div>
<div style="float:left;">
<p> Línea de texto<img style="vertical-align:baseline;" src="http://i.imgur.com/afC0L.jpg">con una imagen</p>
</div>
<div style="clear:both; float:left;" >
<p> Línea de texto<img style="vertical-align:top;" src="http://i.imgur.com/afC0L.jpg">con una imagen</p>
</div>
<div style="float:left;">
<p> Línea de texto<img style="vertical-align:middle;" src="http://i.imgur.com/afC0L.jpg">con una imagen</p>
</div> </body> </html>

Cuando deberia ser algo asi:
Código: [Seleccionar]
<html> <head> <title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8">
<style type="text/css">
*{font-family: arial; }
div {width: 300px; height: 300px; border-style:solid; background-color:#FED2FB; position:relative;}
div div {width:100px; height: 100px; background-color:yellow; border-style:dashed;
border-width:2px; position:absolute; text-align: center;}
div div p {color:blue; }
 </style> </head>
<body>
<div> <div ><p>Jump!</p></div> </div>
</body> </html>
« Última modificación: 17 de Abril 2016, 23:25 por Alex Rodríguez »

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Re:Error en la entrega 43 del curso CSS desde cero
« Respuesta #1 en: 17 de Abril 2016, 23:27 »
Hola Jonathan, gracias por informar del error, lo corregiremos

Tal y como comentas el código de la situación inicial no es el que se indicaba, debe ser este:

Código: [Seleccionar]
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8">
<style type="text/css">
*{font-family: arial; }
div {width: 300px; height: 300px; border-style:solid; background-color:#FED2FB; }
div div {width:100px; height: 100px;  text-align:center;  background-color:yellow; border-style:dashed; border-width:2px;}
div div p {color:blue; }
 </style>
</head>
<body>
<div>
<div ><p>Jump!</p></div>
</div>
</body>
</html>


 

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