Foros del Web - Ver Mensaje Individual

emprear · #8 (**permalink**) 04/02/2012, 06:24

@MARIAYOYA

La etiqueta <pre> no tiene absolutamente nada que ver con el posicionamiento.

Podrías utilizar position, o aplicar margin

Código HTML:

Ver original<!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" lang="es" xml:lang="es">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>slideshowfull</title>
<style type="text/css"> 
#Image1 { 
position: fixed; 
z-index: -1; 
top: 0; 
left: 0; 
width: 100%; 
height:100%; 
} 
 
#slides1 {
width: 400px;
margin: 0 auto;
}
#slides2 {
width: 400px;
position: absolute;
left: 10px;
top: 300px;
}
#slides3 {
width: 400px;
margin-left: 250px;
margin-top: -300px;
}
 
 
#slides img, #slides2 img,#slides3 img{
cursor: pointer;
}
</style>
<script type='text/javascript'> 
function inhabilitar(){return false; }  
document.oncontextmenu=inhabilitar; 
</script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type='text/javascript'></script>
<script src="responsiveslides.min.js" type='text/javascript'></script> 
<script type='text/javascript'> 
    jQuery(function() { 
      $("#slides1").responsiveSlides({
        maxwidth: 400
      }
      ); 
      
      
      $("#slides2").responsiveSlides({
        maxwidth: 400
      }
      );
      
      
      $("#slides3").responsiveSlides({
        maxwidth: 400
      }
      );
      
  }); 
</script> 
 
</head> 
<body> 
<div id="slides1">  
   <img src="1.jpg" alt="" onclick="window.open('http://emprear.com','nuevaventana','width=800,height=600')"/>
   <img src="2.jpg" alt="" /> 
   <img src="3.jpg" alt="" /> 
</div> 
 
<div id="slides2">  
   <img src="1.jpg" alt="" onclick="window.open('http://emprear.com','nuevaventana','width=800,height=600')"/>
   <img src="2.jpg" alt="" /> 
   <img src="3.jpg" alt="" /> 
</div> 
 
<div id="slides3">  
   <img src="1.jpg" alt="" onclick="window.open('http://emprear.com','nuevaventana','width=800,height=600')"/>
   <img src="2.jpg" alt="" /> 
   <img src="3.jpg" alt="" /> 
</div> 
<img src="steel.jpg" alt="" id="Image1" /> 
</body> 
</html>

Saludos