Graphical Drop Down Menus

[icesolid]

I was wondering how I can make a drop down menu in CSS that has a cutom look to it like the one on http://www.verizonwireless.com. I like how those have a customer look to them rather then using a <select> list in HTML.

I am pretty new to CSS, suggestions would be great.

[puffnstuff]

I don't have any advice for you, as I am new to CSS as well. I do like the look of that particular drop-down as well (especially the partially transparent black background of the drop-downs). I guess with most sites referencing an external CSS file, it's impossible to see source code. I would be most interested in learning how to do that. (I can do a basic drop down in CSS using lists -- it's just the hundreds of options and settings that have my head spinning).

[boogyman]

this isn't actually that hard, I do not know if the images are hardcoded, but I imagine it is. If you can do the popout then you can certainly do this script, because on your first "popout" tag just insert an image tag and voila you have the image at the top.

now if it is not done hardcoded then that isnt that hard either. You would however need a reference point in the script, and I would think that you use the id="" method of the link you would like to popout, then in your javascript navigation you would use


getElementById("__INSERT__POPOUT__TAG__").jpg


or whatever extension you chose to save it as, and have the picture be your server.

[Twey]

You would however need a reference point in the script, and I would think that you use the id="" method of the link you would like to popout, then in your javascript navigation you would use


getElementById("__INSERT__POPOUT__TAG__").jpg


or whatever extension you chose to save it as, and have the picture be your server.

... what? 1) Image elements have no "jpg" property, 2) script needn't be involved at all, it can (and should, if possible) all be done in CSS, 3) a picture can't be a server... I've no idea what you're talking about.

I guess with most sites referencing an external CSS file, it's impossible to see source code.

It's perfectly possible, just view the CSS file that's being referenced.

If you want to do this, the easiest way would be to start with one of the CSS menu scripts here on DD, and just modify the colours and background images a bit.

[boogyman]

oops i meant on the server... and umm i was saying that in the javascript they put that script in... so the image tag would have that src

<img src="javascript:getElementById('__INSERT__POPOUT__TAG__')+.jpg" />

but I do agree with you playing around with the padding-top and background picture would be the easiest way, I was just giving a couple different options

[riptide]

um....DD has some good CSS stuff I think you should look there first.