HTML and CSS

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

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Oct 2009

Posts: 3

Reputation: cribaldo is an unknown quantity at this point

Solved Threads: 0

cribaldo

Offline

Newbie Poster

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

-2

Oct 2nd, 2009

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,

•

Join Date: Jul 2009

Posts: 178

Reputation: codejoust is an unknown quantity at this point

Solved Threads: 18

codejoust

Offline

Junior Poster

Re: Help! The Queen of DaniWeb Hoover in the center of the page with the opacity blac

Oct 4th, 2009

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

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
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; }
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; }

CodeJoust! Design + Development - Proud User of Ubuntu

•

Join Date: Oct 2009

Posts: 3

Reputation: cribaldo is an unknown quantity at this point

Solved Threads: 0

cribaldo

Offline

Newbie Poster

Re: Help! The Queen of DaniWeb Hoover in the center of the page with the opacity blac

Oct 5th, 2009

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

•

Join Date: Oct 2009

Posts: 3

Reputation: cribaldo is an unknown quantity at this point

Solved Threads: 0

cribaldo

Offline

Newbie Poster

Re: Help! The Queen of DaniWeb Hoover in the center of the page with the opacity blac

Oct 5th, 2009

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

•

Originally Posted by 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

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes