Autor Tema: Modificar el tipo de cursor usando css mostrar lupa signo interrogación CU01054D (Leído 3702 veces)

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"

Código: [Seleccionar]

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

Código: [Seleccionar]

<!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

Ogramar · « **Respuesta #1 en:** 02 de Febrero 2016, 12:15 »

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

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: Modificar el tipo de cursor usando css mostrar lupa signo interrogación CU01054D (Leído 3702 veces)

Dimitar Stefanov

Modificar el tipo de cursor usando css mostrar lupa signo interrogación CU01054D

Ogramar

Re:Modificar el tipo de cursor usando css mostrar lupa signo interrogación CU01054D

Preguntas y respuestas

Foros aprenderaprogramar.com Didáctica y divulgación de la programación

Noticias:

Autor Tema: Modificar el tipo de cursor usando css mostrar lupa signo interrogación CU01054D (Leído 3702 veces)

Dimitar Stefanov

Modificar el tipo de cursor usando css mostrar lupa signo interrogación CU01054D

Ogramar

Re:Modificar el tipo de cursor usando css mostrar lupa signo interrogación CU01054D

Preguntas y respuestas

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación