If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Enjoy an ad free experience by logging in. Not a member yet? Register.

Drop Down menus...

Hi All,

So I'm quite new to CSS and I'm trying to position a drop down menu on my homepage. I can do a dropfown menu in Dreamweaver but when I position it, it looses the drop down effect. I realize it has to 'float' and there is a long winded way of getting it to work but I couldn't.

Anyway, I'm aware of all the dropdown menus out there for free download but I'm having the same problem. The menus seem to be written so that they stay at the top of the page. Without drastically changing the code there is no way of positioning it, it seems. Unfortunately my css skills are not that honed yet that I can sort that problem out.

Are there any drop down menu's out there that are can be positioned anywhere on the page without too much editing of the code?

This is the drop down menu I'm trying to position it. I've tried messing around with the css classes and using different px values for the 'top', etc fields. It moves but it seems like all the elements do not move together

You had a lot of anchors set as small squares and the put huge images in them and that breaks the box model rule. See the box model here. The box model says that whatever you put inside an element cannot be larger than that element. margin/padding/border all count when figuring width/height.

You also had a bunch of containing elements that weren't doing anything. See divitis here.

Another thing, just a pet peeve of mine, I don't like downloading a 1930x1070 image when the site is only going to show me a 1000x510 image. It's a waste of my bandwidth. Serve the image the size it needs to be.

Maybe don't try to integrate this into your site right away. Instead, copy/paste this snippet into a brand new .html document and test in your browsers till you decide you really want to make that many changes -