Drop Down links

He has: 10 posts

Joined: Dec 2005

Hey guys Im a newbie here. And also a newbie on web design, I have little problem about drop down links... I used layer for creating the drop down but when I resize the page the dropdown do not mentain the position... I want it to mentain the position even if you make the page smaller. Please help... Thanks!

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Could you post a URL so we can see exactly what's happening? Thanks.

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

I can't really tell without seeing any code, but you might need to add "position: fixed;"

He has: 10 posts

Joined: Dec 2005

Sorry its not uploaded yet... Well maybe I just have to ask how to create dropdown links... I want it to be trasparent dropdown... something like this

http://www.bennyhinn.org/default.cfm

Thanks alot megan and tim...

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Here's a link I turned up really quickly on a site that I've found to generally be pretty good:

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

He has: 10 posts

Joined: Dec 2005

Thanks... Im going to try it.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

If you do upload it, post the links incase you want it fixed again...

He has: 10 posts

Joined: Dec 2005

OK I temporary upload it on a free site. It's not finish yet. It has no drop down. Maybe you can give me a good suggestion for the drop down, or a tutorial on how to do it. Timpriebe give a tutorial but I want the drop down to be a black transparent...

Thanks...

http://accfministry.50webs.com/index.htm

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

If you want a menu like the one you linked to above your best bet would be to look around for a script that would do it for you. Try google or hotscripts.com. Just make sure the one you decide to use works in as many browsers sas possible.

James's picture

He has: 127 posts

Joined: Dec 2005

You might want to look into the use of DHTML menus. They are the best form of menu for requiring drop in/outs, in my opinion. Google around.

He has: 113 posts

Joined: Jul 2005

The problem with using layers is that if you are designing for multiple screen resolutions, using the fixed and absolute positioning attributes your layer will 'float' above the static elements of the page and stay put when you resize the window.

you should use the relative positioning property and stick all of your other content inside a parent layer to ensure it all stays put.

I build a CSS menu from scratch on my site that uses javascript. Take a look Smiling

incidentally, it won't display correctly in Opera or Konqueror despite the fact the site is W3C Compliant.

Anyone know some Opera CSS hacks?

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Quote: Timpriebe give a tutorial but I want the drop down to be a black transparent...

You aren't going to get something out of the box which does 100% what you need, that tutorial works fine and I got it to have a black background perfectly easily by editing the "background" property in the CSS, I then changed the background to transparent and that worked too. If you need help to learn then you're in the right place but it seems like you're expecting your work to be done for you.

Sorry, but we all have learn in order to get things done!

If you need a few pointers on how to change the css let us know. Smiling

a Padded Cell our articles site!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.