Hola a todos! Soy nuevo en el foro...
Estoy modificando un template CSS e hice un copy paste de un JScript para un slideshow (añadiendo código en el style.css y en el index.html. He colocado el slideshow (son imágenes superpuestas) donde quería, donde antes estaba una imagen fija, pero se ha descuadrado la imagen del logo/nombre de la página que iba a su derecha, he probado cerrar el </div> en varias posiciones pero sólo consigo subir la imagen una tabla por encima o por debajo de la imagen del slideshow...También podría ser el .css seguro que es una tontería...
A ver si alguien puede ayudarme...GRACIAS de antemano!
BIEN
MAL
--------------STYLE.CSS------------------
#slideshow {
position:relative;
height:299px;
width: 291px;
}
#slideshow IMG {
position:absolute;
height:299px;
width: 291px;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {
z-index:9;
}
-----------INDEX.HTML------------
(EL CÓDIGO DEL SCRIPT...)
<div id="wrapper">
<div id="header">
<div id="slideshow">
<img src="image1.jpg" alt="Slideshow Image 1" class="active" />
<img src="image2.jpg" alt="Slideshow Image 2" />
<img src="image3.jpg" alt="Slideshow Image 3" />
<h1><a href="http://www."><img src="images/logo.jpg" alt="Petit Cafe" /></a></h1>
<ul id="nav">
<li><a href="http://www.">INICIO</a> | </li>
<li><a href="http://www.">CARTA</a> | </li>
<li><a href="http://www.">POSTRES</a> | </li>
<li><a href="http://www.">VINOS</a> | </li>
<li><a href="http://www.">RESERVAS</a> | </li>
<li><a href="http://www.">CONTACTO</a></li>
</ul><!-- end nav -->
<div id="welcome">
<h2><img src="images/title_welcome_es.gif" alt="Bienvenidos" /></h2>
<p>Situados en Santa .................</p>
</div><!-- end welcome -->
</div><!-- end slideshow -->
</div><!-- end header -->
.........
</div><!-- end wrapper -->