Layering

Hello Helpful Peeps,

On the following pages I am trying to place the picture and map on top layer, (if that's the correct solution), so that they are not affected by the background they are sitting on (the opacity).

http://infin8healing.com/bio/
http://infin8healing.com/contact/

Any help would be greatly appreciated Smile

Cheers,
Casper

Bio page CSS:
.barbio {
height: 60em;
padding-top:2em;
opacity: 0.4;
background: rgba(0,0,0,0.7)!important;
margin-top: 1.0em;
margin-bottom: 1.0em;
}

Contact page CSS:
.bar1contact {
height: 25em;
padding-top:2em;

CSS button/div border overlap

Hi everyone,

This is my first post here so please forgive me if I'm asking in the wrong place, or too soon. I have a somewhat unique question, which should be easy to answer but hard to find the answer to.

If you look at my design, I'm trying to get the blue 1 px border for the top menu buttons to overlap the white 1 px border of the container div. Is this possible? Or do I need to use something besides CSS borders for what I want to do?

Syndicate content