Ver Mensaje Individual
  #7 (permalink)  
Antiguo 02/02/2012, 07:04
MARIAYOYA
 
Fecha de Ingreso: mayo-2007
Mensajes: 173
Antigüedad: 17 años
Puntos: 3
Respuesta: Centrar div ...

Hola emprar, cuanta sabiduria, muchisimas gracias.
Dado que viendo las posibilidades que me ofrece este div, he hecho unas modificaciones para mejorarlo y como es normal no doy pie con bola.
Le he colocado <pre> </pre> para poder colocar el div donde quiera, pero no me funciona.
Si fueras tan amable de decirme como lo hago para colocarlos tanto en vertical como horizontal?, no se como quedara mejor.

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<
HEAD>
<
script type='text/javascript'>
function 
inhabilitar(){return false; } 
document.oncontextmenu=inhabilitar;
</script>
 <TITLE>SLIDESHOWFULL</TITLE>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
<script>
    jQuery(function() {
      $("#slides1").responsiveSlides(
      {
        maxwidth: 400
     }  
   
    
      );
  }); 
   jQuery(function() {
      $("#slides2").responsiveSlides(
      {
        maxwidth: 400
     }  
   
    
      );
  }); 
  jQuery(function() {
      $("#slides3").responsiveSlides(
      {
        maxwidth: 400
     }  
   
    
      );
  }); 
</script>
<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;
margin: 0 auto;
}
#slides3 {
width: 400px;
margin: 0 auto;
}
    #slides1 img{
    cursor: pointer;
    }  
    #slides2 img{
    cursor: pointer;
    } 
    #slides3 img{
    cursor: pointer;
    } 
    </style>
    </HEAD>
<body>
<pre>
<div id="slides1"> 
   <img src="1.jpg" title=""onclick="window.open('https://www.google.com/','nuevaventana')"/>
   <img src="2.jpg" title=""onclick="window.open('http://www.facebook.com//','nuevaventana')"/>
   <img src="5.jpg" title=""/>
   </div>


<div id="slides2"> 
   <img src="1.jpg" title=""onclick="window.open('https://www.google.com/','nuevaventana')"/>
   <img src="2.jpg" title=""onclick="window.open('http://www.facebook.com//','nuevaventana')"/>
   <img src="5.jpg" title=""/>
   </div>


<div id="slides3"> 
  <img src="1.jpg" title=""onclick="window.open('https://www.google.com/','nuevaventana')"/>
   <img src="2.jpg" title=""onclick="window.open('http://www.facebook.com//','nuevaventana')"/>
   <img src="5.jpg" title=""/>
   </div>
</pre>
<img src="fondo-11.jpg " alt="BLUE" id="Image1"  />
</body>
</html> 
Muy atentamente y siempre agradecida.

Un Saludo