Snitz Forums 2000
Snitz Forums 2000
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 Community Forums
 Community Discussions (All other subjects)
 Shaggy's CSS Menu?
 New Topic  Topic Locked
 Printer Friendly
Author Previous Topic Topic Next Topic  

JJenson
Advanced Member

USA
2121 Posts

Posted - 06 March 2008 :  12:46:09  Show Profile  Visit JJenson's Homepage
Hey Shaggy I have a question I so close to haveing this script be perfect I am just having trouble with the opacity and wondered if you know where I am going wrong?

I guess anyone else that sees where I have gone wrong I would take their advice as well

here are the links:

This is the page to view. On all the drop down menus the black areas are supposed to have an opacity set.

http://client.logoworks.com/longevity/

This is my stylesheet:

All the styles are at the bottom of the style sheet.

http://client.logoworks.com/longevity/styles.css


I just need all black areas in the drop downs to have an opacity. So first menu its wen a <li> is hovered over. on the second submenu its always transparent except for when hoverd over then its green.

Thanks





Shaggy
Support Moderator

Ireland
6780 Posts

Posted - 06 March 2008 :  13:23:02  Show Profile
The attribute you need to add to the relevant classes is "opacity", which takes a value between 0 and 1.

Very important to note, though, that my menu makes use of some CSS3 elements which most browsers have yet to implement and some CSS2 elements that you'll find missing in browsers such as IE6.


Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”
Go to Top of Page

JJenson
Advanced Member

USA
2121 Posts

Posted - 06 March 2008 :  13:30:52  Show Profile  Visit JJenson's Homepage
Now I used the opacity on these styles and I got nothing.


.main>li>ul>li>ul li:first-child{
background-color: #000;
display: block;
filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
}
.main>li>ul>li>ul li{
background-color: #000;
display: block;
filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
}


For some reason I just can't get that to work.
Go to Top of Page

Shaggy
Support Moderator

Ireland
6780 Posts

Posted - 07 March 2008 :  04:40:31  Show Profile
Can you add that to the stylesheet you posted above so's I can see it live? It may simply be a browser compatibility issue.

You don't need that first-child pseudo-class, by the way, not unless you'll be giving the first list item a different style to the others.


Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”
Go to Top of Page

JJenson
Advanced Member

USA
2121 Posts

Posted - 07 March 2008 :  10:29:07  Show Profile  Visit JJenson's Homepage
THanks Shaggy I would have done that I just spent a total of about 7 hours trying to get the hovers working with 2 different scripts and no one I work with could get it to work either so I just switch it to a solid background for now. If it comes back I will add that info and try again.
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Topic Locked
 Printer Friendly
Jump To:
Snitz Forums 2000 © 2000-2021 Snitz™ Communications Go To Top Of Page
This page was generated in 0.44 seconds. Powered By: Snitz Forums 2000 Version 3.4.07