Help! The Queen of DaniWeb Hoover in the center of the page with the opacity black bg

[cribaldo]

Hi,
I am new at css and I just wanted a hoover that would trigger at the time of mouseover (kind of obvious I guess) but I can't get the positioning right. So basically what I would like is when you enter your page for the first time you get a form, I would insert an image instead. that is enhanced by having a black background around it.

Pls... I have tried everything. I also noticed that you got the right position in both browsers..
Thank you,

[codejoust]

I don't quite understand what you mean?
You can trigger children elements on hover like:

body:hover form {background:red;}
/*or*/
body:hover div#form-cover { display:visible; }
#form-cover { position:absolute; z-index:20; background:black; margin-top:-(1/2 height of the element)px; margin-left:-(1/2 width of the element)px; height:(height of element)px; width:(width of element)px; }

[cribaldo]

Thank you so much! It is actually working now, I used the lightbox code and I will be happy to donate to them.

Ok, here it is their site, I should have linked to what I wanted!
http://www.huddletogether.com/projects/lightbox2/

Here it is my site:
http://www.azlogfurniture.com/

It was so easy to follow their instructions!>

Thank you!
Clara

[cribaldo]

Sorry, since I have to add bigger pictures and clean up a little, I have it here temporarily:
http://www.ribaldotech.com/diana/bedroom.shtml

:)

Thank you so much! It is actually working now, I used the lightbox code and I will be happy to donate to them.

Ok, here it is their site, I should have linked to what I wanted!
http://www.huddletogether.com/projects/lightbox2/

Here it is my site:
http://www.azlogfurniture.com/

It was so easy to follow their instructions!>

Thank you!
Clara