Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Jonathan Ramos 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.
<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:
<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>
-
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:
<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>