/    Sign up×
Community /Pin to ProfileBookmark

Hello….

I’m using an dropdown menu and it’s working great. But is it possible to make the dropdown layer 90% transparant?

This is my page: [url]http://www.xs4all.nl/~aap1/[/url]

Can anyone tell me if it’s possible and where I have to make any changes?

Thank you….

to post a comment
JavaScript

16 Comments(s)

Copy linkTweet thisAlerts:
@VladdyJun 19.2004 — That is all I get when trying to view your site:

"You do not have Javascript enabled so you connot view the drop-down menu or the Tool Tips on the links. For these added features that aid your navigation around the website, please enable Javascript on your browser settings." :rolleyes:
Copy linkTweet thisAlerts:
@maw_webdesignauthorJun 19.2004 — Huh? Don't got any problems with that....

And do you have javascript enabled?

Here you can find the code: http://www.xs4all.nl/~aap1/thecode.html
Copy linkTweet thisAlerts:
@VladdyJun 19.2004 — No I do not have JS enabled, and if your site does not work without it - then I will not stay there.

And if you still do not get my point, there is no reason to add features to something that does not work in the first place.
Copy linkTweet thisAlerts:
@JPnycJun 19.2004 — CSS will make the dropdown transparent. Whatever the name or class of that element(s) is, add this to the CSS.

.className { -moz-opacity:0.1;

width:50% ;opacity: 0.1; filter:alpha(opacity=10); }

That will make it 90% transparent, which is really way too much. It will be barely visible. But that will work in IE, Mozilla, and Safari. Nothing will work in Opera. It doesn't support the property yet.

You can set the width property to whatever you wish, but you must have it set to something for the opacity filter property to work in IE.
Copy linkTweet thisAlerts:
@maw_webdesignauthorJun 19.2004 — Thanx, I'll will this... Yes, I mean 90% visible, so 10% transparant...

:rolleyes:
Copy linkTweet thisAlerts:
@maw_webdesignauthorJun 19.2004 — Can't find wich tag I should correspond with the .css

This is the css code in my page:

<style type="text/css">

.Dropdown { -moz-opacity:0.1;

width:50% ;opacity: 0.1; filter:alpha(opacity=80); }

</style>

The code here:

http://www.xs4all.nl/~aap1/thecode.html

Can anyone plz help me with this?

Thnx...
Copy linkTweet thisAlerts:
@JPnycJun 19.2004 — Values should be .8, .8 and 80 to make them all look the same. The menus are .Dropdown? You should know what you named em. Do the menus have a classname, and is it .Dropdown? If so, that will work. If it doesn't, it means that's not their classname;
Copy linkTweet thisAlerts:
@maw_webdesignauthorJun 19.2004 — Well, thats the problem. I don't know what to name .Dropdown in my javascript code. (http://www.xs4all.nl/~aap1/thecode.html)

It's too complicated for me (newbie) So I hope anyone of you can help me with that.
Copy linkTweet thisAlerts:
@JPnycJun 19.2004 — You don't name it in JS, you name it inside the HTML tag. Is this page entirely dynamically generated by javascript? Or is there an .html page somewhere? I don't have time to filter through that code.
Copy linkTweet thisAlerts:
@maw_webdesignauthorJun 19.2004 — The whole menu is generated by javascript.

This peace of code is in my html page (head):

<style type="text/css">

.Dropdown { -moz-opacity:0.8;

width:50% ;opacity: 0.8; filter:alpha(opacity=80); }

</style>

And than the whole menu is generated. But shouldn't I give some div-tags in that code the class '.Dropdown'?
Copy linkTweet thisAlerts:
@JPnycJun 19.2004 — Yes, you have to, if there are other divs you don't want transparent. Or, if the divs you want transparent are the ONLY div tags in the page, then you can just put this CSS:

<style type="text/css">

div { -moz-opacity:0.8;

width:50% ;opacity: 0.8; filter:alpha(opacity=80); }

</style>
Copy linkTweet thisAlerts:
@maw_webdesignauthorJun 19.2004 — Well, thats working, but it screws up my page..... But the menus are transparant.

I've added all the divs in my code with class='Dropdown' but here is some code I do'n't know how to edit:

if(DomYes){
Mbr=Location.document.createElement("div");
Mbr.style.position='absolute';
Mbr.style.visibility='inherit';
MmbrCntnr.appendChild(Mbr)}


Should I add something like?

Mbr.style.opacity='80';
Copy linkTweet thisAlerts:
@JPnycJun 20.2004 — Screws it up how? Are there div tags you don't want transparent? If there aren't any, then take out the classname, and just use the div tag version of the CSS I posted.
Copy linkTweet thisAlerts:
@maw_webdesignauthorJun 20.2004 — Every div is now transparant. Only the dropdown menu should be transparant.

But I can't find the right tag in the code that should be transparant.

?
Copy linkTweet thisAlerts:
@JPnycJun 20.2004 — I'm afraid you're going to have to use trial and error. But be aware, since there are divs you don't want transparent, you're going to have to go with the classname, which means you have to track down all the elements in the JS code that you want transparent and give them the same classname. You can't use div for the css.

Can I ask why you're making this menu dynamic? I mean, why you're generating it with javascript instead of just coding it? Would make life a whole lot easier.
Copy linkTweet thisAlerts:
@maw_webdesignauthorJun 20.2004 — Well ehhhh, I found this code and it works fine.... See www.xs4all.nl/~aap1

And it would be a nice thing if the the menus where transparant...

?
×

Success!

Help @maw_webdesign spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...