Código HTML :
<div class="banner_sup"> <ul id="imagenes" style="list-style-type:none"> <li> <img src="../images/mujeres2.jpg" width="679" height="199" alt="Mujeres" /> </li> <li style="display:none"> <img src="../images/mujeres1.jpg" width="679" height="199" alt="Mujeres" /> </li> <li style="display:none"> <img src="../images/mujeres3.jpg" width="679" height="199" alt="Mujeres" /> </li> <li style="display:none"> <img src="../images/mujeres4.jpg" width="679" height="199" alt="Mujeres" /> </li> <li style="display:none"> <img src="../images/mujeres5.jpg" width="679" height="199" alt="Mujeres" /> </li> <li style="display:none"> <img src="../images/mujeres6.jpg" width="679" height="199" alt="Mujeres" /> </li> </ul> <img src="../images/logo.jpg" width="310" height="199" alt="Logo" align="left"/> </div>
Las imágenes cambian aleatoriamente con este jquery:
Código Javascript :
$(document).ready( function(){ $('#imagenes').innerfade({ speed: 1500, timeout: 5000, type: 'random', }); });
Hasta ahí todo bien, el problema es que las imagenes se me montan sobre el logo sin importar la ubicación que les dé, si las floto a la derecha igual quedan a la izquierda sobre el logo en el css tengo esto:
Código CSS :
.banner_sup{ width:100%; } .banner_sup #imagenes { text-align:right; }
He ensayado flotando, alineando... al flotar no me las deja al borde de banner_sup si no que las saca y las deja alborde derecho de toda la pantalla, si alguien me puede ayuda le agradezco mucho.