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.
