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: Dimitar Stefanov en 22 de Enero 2016, 01:09
-
Códigos del ejercicio CU01054D del curso CSS desde cero.
1er Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="estilos92.css"/>
<title>Portal web</title>
</head>
<body>
<div id="caja1">
<a href="#">Enlace 1</a>
<a href="#">Enlace 2</a>
<a href="#">Enlace 3</a>
<a href="#">Enlace 4</a>
<a href="#">Enlace 5</a>
</div>
<div id="caja2">
<a href="CU01054D(1).html" target="_blank"><img src="http://www.pintura-para.com/wp-content/uploads/2015/10/pintar-flores-300x200.jpg" title="documento 2" /></a>
</div>
</body>
</html>
Código CSS: "estilos92.css"
#caja1, #caja2 {
margin: 25px;
width: 200px;
height: 300px;
border: solid 5px violet;
float: left;
padding-top: 10px;
}
a {
display: block;
margin-bottom: 5px;
text-align: center;
cursor: help;
}
#caja2 a:hover {
cursor: zoom-in;
}
#caja2 {
width: 300px;
height: 225px;
padding: 0;
}
2o Código HTML: "CU01054D(1).html"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Portal web</title>
</head>
<body>
<div id="caja2">
<img src="http://www.teleadhesivo.com/es/img/fom214-png/folder/products-detalle-png/fotomurales-paisaje-flores-4.png"/>
</div>
</body>
</html>
Gracias
-
Buenas dimiste veo este ejercicio bien resuelto
Para que quienes revisemos el código podamos ver las imágenes es recomendable que como rutas de imágenes escribas una url en lugar de una ruta local, de ese modo podremos verlas, en cambio si es un archivo local sólo lo puedes ver tú
Salu2