Foros del Web » Creando para Internet » HTML »

adaptar para todo tipo de resolucion de pantalla

Estas en el tema de adaptar para todo tipo de resolucion de pantalla en el foro de HTML en Foros del Web. Hola buenas chicos! Me gustaría saber si me podéis ayudar en como puedo hacer para que mi imagen se adapte a cualquier tipo de resolución ...
  #1 (permalink)  
Antiguo 13/06/2011, 01:17
 
Fecha de Ingreso: noviembre-2010
Ubicación: aun no se donde vivir
Mensajes: 112
Antigüedad: 6 años, 4 meses
Puntos: 3
adaptar para todo tipo de resolucion de pantalla

Hola buenas chicos!

Me gustaría saber si me podéis ayudar en como puedo hacer para que mi imagen se adapte a cualquier tipo de resolución y se pueda ver bien en cualquier pantalla de ordenadores.

Aquí esta la imágenes que tengo :
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
body {
	background-image: url();
	background-repeat: no-repeat;
}
#apDiv1 {
	position:absolute;
	width:460px;
	height:455px;
	z-index:1;
	left: -3px;
	top: 403px;
}
#apDiv2 {
	position:absolute;
	width:451px;
	height:451px;
	z-index:1;
	left: 1147px;
	top: 2px;
}
#apDiv3 {
	position:absolute;
	width:1557px;
	height:77px;
	z-index:2;
	left: 43px;
	top: 45px;
}
</style>
</head>

<body>
<div id="apDiv1">
  <div id="apDiv2"><img src="Palm1.png" width="450px" height="450px" /></div>
<img src="palm2.png" width="450px" height="450px" /></div>
<div id="apDiv3"><img src="cintatravel.png" width="1516px" height="66px" /></div>
</body>
</html> 
Un saludo

Etiquetas: pantalla, tipo, todo, adaptador
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:24.