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