On Mon, 09 Aug 2010 21:19:45 +0100, Joe Jackson <[email protected]>
wrote:
> Hi
>
> How can I have the logo sit on top of the slideshow image? At present
> the
> logo pushes the slideshow image further down the page? I have tried Z
> index
> on the logo but it still pushes the slideshow down the page instead of
> the
> logo sitting on top of the slideshow?
>
Not sure if this is what you are trying for:
#logo{
width:211px;
height:177px;
float:left;
margin:0px 0px 0px 10px;
background:url(../images/logo1.png);
outline:1px solid red;
}
#slideshow-border{
width:900px;
height:348px;
padding:10px;
margin:0 auto;
background:#FFF;
}
#slideshow{
width:900px;
height:348px;
background:#222;
}
<div id="mainheader">
<div id="navigation">
<ul id="navigs">
<li><a href="index.html">HOME</a></li>
<li><a href="aboutus.html">ABOUT US</a></li>
<li><a href="classes.html">CLASSES</a></li>
<li><a href="contact.html">CONTACT US</a></li>
</ul>
</div>
</div>
<div id="slideshow-border">
<div id="logo"></div>
<div id="slideshow">
<div id="cycle-home">
<img src="images/hp1.jpg" alt="Dance Studios" /> <img
src="images/hp2.jpg" alt="Music and Dance Studio" /> <img
src="images/hp3.jpg" alt="test" /> <img src="images/hp4.jpg" alt="test" />
</div>
</div>
</div>
Best wishes
Duncan
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
