Hey list,

I have a site that is giving me grief.  I want to have an image on top
of two different background images and I just can't seem to figure it
out.

Here are the details...


Temp url: http://69.89.31.183/~pixelago/

Image to layer on top: gif image that is transparent and 210x300px

My template is in WP and as such is in XHTML/CSS and PHP.  I have two
different background images being called in the "header" of the page,
the top part that holds the navigation/website name and the red one
under it.

The CSS that is doing this is:

#header {
        float: left;
        width: 768px;
        padding-bottom: 8px;
        background: #FFFFFF;
        clear: right;
        background-image: url(images/header-bg.gif);
        background-repeat: no-repeat;
        padding-left: 0px;
        height: 89px;
        margin-top: 13px;
}

And the lower one is:

#navigation {
        clear: both;
        float: left;
        width: 100%;
        /*background: url(images/headers/rotate.php) no-repeat 0px
0px;*/
        background: url(images/header.gif) no-repeat;
        height: 220px;
}

You will see that I have the rotate.php commented out because I was
origninally going to have the lower section have the image built into
that image, but now I want it to float above both of them.  If I can
also figure out to have it rotate on page refresh, that will just be
bonus.

So, I have tried to see where to add what to get this image of a skate
sit on the top right third of this page header, and it either breaks the
shell or goes behind the header images, but not on top.  Z-index and all
other things I have found on the web just are not working.  I don't know
if it because of the PHP or just my lack of understanding CSS...
Probobly that one... : ]

Thanks for the help and suggestions.

Cory
______________________________________________________________________
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/

Reply via email to