944,148 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > Help! The Queen of DaniWeb Hoover in the center of the page with the opacity black bg
Ad:
Permalink
Oct 2nd, 2009
-2

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

Expand Post »
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,
Similar Threads
Reputation Points: 10
Solved Threads: 0
Newbie Poster
cribaldo is offline Offline
3 posts
since Oct 2009
Permalink
Oct 4th, 2009
1

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

I don't quite understand what you mean?
You can trigger children elements on hover like:
css Syntax (Toggle Plain Text)
  1. body:hover form {background:red;}
  2. /*or*/
  3. body:hover div#form-cover { display:visible; }
  4. #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; }
Reputation Points: 18
Solved Threads: 21
Junior Poster
codejoust is offline Offline
180 posts
since Jul 2009
Permalink
Oct 5th, 2009
0

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

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
Reputation Points: 10
Solved Threads: 0
Newbie Poster
cribaldo is offline Offline
3 posts
since Oct 2009
Permalink
Oct 5th, 2009
0

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

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




Click to Expand / Collapse  Quote 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
Reputation Points: 10
Solved Threads: 0
Newbie Poster
cribaldo is offline Offline
3 posts
since Oct 2009

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: multi color background question
Next Thread in HTML and CSS Forum Timeline: displays properly in google chrome but not firefox


Tags
background, css, hover, opacity, positioning



About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC