Forum Moderators: not2easy

Message Too Old, No Replies

Image will not sit on top of another?

         

laurieballard

7:16 am on Jun 8, 2009 (gmt 0)

10+ Year Member



Hello
Can PM link to live site.

I need the a line gif to sit ontop of the main background gif but i cant seem to get it to do it.

Have tried position relative on both div's, tried z-align, tried margin, padding etc

CSS is:

* {
padding:0;
margin:0;
border:0;
list-style:none;
}
body{
background-color:#3399FF;
}

#backgroundimg
{
height:auto;
width:auto;
min-height:600px;
margin-left:auto;
background-image: url(images/MainBack%20copy.gif);
background-position:center;
background-repeat:no-repeat;
z-index:-1;
position:relative;
}
#loginimg{
background-image:url(images/Login%20copy.gif);
background-repeat:no-repeat;
height:31px;
width:98px;
margin:auto;
display:relative;
}

Any ideas?

Thanks

enigma1

8:21 am on Jun 9, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



First validate your css, do not use spaces for links, there is no display:relative.

You could post some html code also along with your css with what you tried to do.

tangor

8:31 am on Jun 9, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Dumb question... what's preventing use of <hr> which can be styled anyway you like?