473,326 Members | 2,111 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,326 software developers and data experts.

Dynamic pulldown menu semi-transparent?

I would like to create a pulldown menu which is
semi-transparent....that is, you can see the text and graphics behind
it when it is pulled down. The effect I'm looking for can be seen at
http://www.countrywide.com. Are there any good tutorials which can
show me how to do this with CSS?
Jul 20 '05 #1
7 20924

"jhomp ssens" <ph********@hotmail.com> wrote in message
news:4f**************************@posting.google.c om...
I would like to create a pulldown menu which is
semi-transparent....that is, you can see the text and graphics behind
it when it is pulled down. The effect I'm looking for can be seen at
http://www.countrywide.com. Are there any good tutorials which can
show me how to do this with CSS?


They are using javascript for those menus. They were not transparent in
Firefox .8 but were in IE6.

See http://www.meyerweb.com/eric/css/edge/.

The problem is these techniques will not work with internet explorer. They
depend on the being able to apply hover styles on arbitrary elements. IE
only supports :hover on the 'a' element.

I do not believe there is a way to do it with CSS that will work with IE.

Another problem is IE does not support png transparency. You could make
menus using CSS and apply a semi-transparent png image as a background, with
the background-color set at transparent. This would work for Mozilla, for
instance but not IE. A crude work around for a semi-transparent background
in IE would be to use a gif which has alternating color and transparent
pixels.But then your stuck anyway because the menus won't work in IE.

You might try google to see if there are any work-arounds for these
problems.

Regards,
Jim
Jul 20 '05 #2
On Tue, 6 Apr 2004 01:25:38 -0400, Jim Roberts <jr******@msn.com> wrote:
The problem is these techniques will not work with internet explorer.
They
depend on the being able to apply hover styles on arbitrary elements. IE
only supports :hover on the 'a' element.

I do not believe there is a way to do it with CSS that will work with IE.


A List Apart has an article "Suckerfish Dropdowns" which demonstrates an
almost pure CSS implementation. Of course, IE requires Javascript, but not
much is needed. The IE users w/o Js are left out, though, so have a backup
navigation system for them to use - ie a site map or text links on the
page.
Jul 20 '05 #3

"Neal" <ne*****@spamrcn.com> wrote in message
news:op**************@news.rcn.com...
On Tue, 6 Apr 2004 01:25:38 -0400, Jim Roberts <jr******@msn.com> wrote:
The problem is these techniques will not work with internet explorer.
They
depend on the being able to apply hover styles on arbitrary elements. IE
only supports :hover on the 'a' element.

I do not believe there is a way to do it with CSS that will work with
IE.
A List Apart has an article "Suckerfish Dropdowns" which demonstrates an
almost pure CSS implementation. Of course, IE requires Javascript, but not
much is needed. The IE users w/o Js are left out, though, so have a backup
navigation system for them to use - ie a site map or text links on the
page.


http://www.alistapart.com/articles/dropdowns/

Thanks for the info. I might play around with that for fun. That combined
with a semi-transparent gif (as I mentioned earlier) will probably get you
as close to what jhomp ssens is looking for.

Regards,
Jim
Jul 20 '05 #4

"Jim Roberts" wrote in message
Thanks for the info. I might play around with that for fun. That combined
with a semi-transparent gif (as I mentioned earlier) will probably get you
as close to what jhomp ssens is looking for.


sorry for not editing out the previous posts better. It's late here...

I mean to say that will get you as close as you are likely to get without
using full blown javascript.

Jim
Jul 20 '05 #5
Jim Roberts wrote:
Another problem is IE does not support png transparency.


Sure it does: http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

Berislav

--
If the Internet is a Marx Brothers movie, and Web, e-mail, and IRC are
Groucho, Chico, and Harpo, then Usenet is Zeppo.
Jul 20 '05 #6

"Berislav Lopac" <be************@dimedia.hr> wrote in message
news:c4**********@ls219.htnet.hr...
Jim Roberts wrote:
Another problem is IE does not support png transparency.


Sure it does: http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

Berislav

--
If the Internet is a Marx Brothers movie, and Web, e-mail, and IRC are
Groucho, Chico, and Harpo, then Usenet is Zeppo.

One, it's a shame that you have to resort to a script just to display an
image. Two,
if you can get a transparent png to display properly as a background image
for any element, I'll eat my words.

Regards,
Jim
Jul 20 '05 #7
You may want to use the css alpha filter function on the divs.

<div id="Layer1" style="position:absolute; Filter: Alpha(Opacity=60, FinishOpacity=50, Style=1); left: 118px; top: 31px; width: 390px; height: 223px; background-color: #0066CC; layer-background-color: #0066CC; border: 1px none #000000;">
<div></div>
</div>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:1; left: 120px; top: 33px;">Position another div over top of it without the alpha filter for readable text.</div>

might work.
Jun 20 '06 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Simon Wigzell | last post by:
Is it possible within javascript to stop the little pulldown menu (with the values that the browser remembers have previously been entered into the field) from appearing? I have one very dense form...
1
by: Chris | last post by:
I'm looking to create a dynamic jump menu/list menu that will enable me to navigate to a particular record by selecting a value from the list, however the list is dynamically generated from the...
2
by: vikram | last post by:
I have to design a page which contains a dynamic generated menu at left side.Menu will be generated once a user log in and will remain as it is for the rest of the user session. Problem is that...
1
by: George Medlock | last post by:
One of the items in the help pulldown menu is a website address. How do I create a hyperlink to the menu item? Thanks
1
by: leicklda | last post by:
Hi there, I'm very novice to web design. I'm trying to make a pulldown menu, but the formatting keeps getting screwed up when you roll the mouse over it. Please see www.boundarysys.com for...
2
by: Reinhold Schrecker | last post by:
Hi, I am trying to generate a pulldown-menu with JavaScript/DOM: The following Code works fine with Opera an Mozilla but in the IE the width of the select element is too short: ...
1
by: trojnfn | last post by:
I have a pulldown menu that contains five options, and ten input fields. Depending on which option is selected, the field(s) will either be enabled or disabled. I am able to use javascript to do...
4
by: WiseG1rly | last post by:
Hey everyone! Still working on a site I posted for a while ago. Essentially I have a search function that is populated through by a database in mySQL and PHP. I need a few things to help the...
1
by: sydd | last post by:
Hi, I was wondering if it's possible to create a dynamic dropdown menu from this code. if($rs->getNumRows() > 0){ $intProjectCount = 1; $htmlOut ="<table width='100%' border='0'...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.