hey I'm trying to position the photo gallery and contact us button on this page: My link

 

I think the Contact us button is being pushed down by the list of images for the light box/photo gallery so I'm using the z-index property t oposition the contact us button to overlap on top of the list of images. Having trouble getting it right. This is my CSS:

 

.contactButton  {
margin-top: -70px;
position: relative;
z-index: 10;
}

.lightbox  {
position: relative;
	margin-top: 12px;
	z-index: 1;	
}

 

Can anyone help me out? The z-index is working on both as I tested with '-1' but how do I make the contact button move up?

 

cheers

hey I'm trying to position the photo gallery and contact us button on this page: My link

 

I think the Contact us button is being pushed down by the list of images for the light box/photo gallery so I'm using the z-index property t oposition the contact us button to overlap on top of the list of images. Having trouble getting it right. This is my CSS:

 

.contactButton  {
margin-top: -70px;
position: relative;
z-index: 10;
}

.lightbox  {
position: relative;
	margin-top: 12px;
	z-index: 1;	
}

 

Can anyone help me out? The z-index is working on both as I tested with '-1' but how do I make the contact button move up?

 

cheers

 

Why dont u use something like absolute position

 

.contactButton  {
position: absolute;
top:100px;
       left:50px;
}

 

You will have to change the top and left values i just plugged in some for this example

hey webdesigner93, that worked cheers. For some reason I thought absolutely positioned elements moved about when u resized the browser window, but they do the opposite clearly! dont know what I was mixing them up with.

 

cheers for the help

hey webdesigner93, that worked cheers. For some reason I thought absolutely positioned elements moved about when u resized the browser window, but they do the opposite clearly! dont know what I was mixing them up with.

 

cheers for the help

 

No problem glad to help and thanks for the +1 cheers