css drop down menu 2

[richcleverley]

Right, I am trying to create a pure css dropdown menu that needs to sit in a table in my page header. I can get it to sit nicely in the header, but when it drops down it expands the containing table. Is there anyway to get it to spill out of the table so it overflows the rest of the page?

The only way I can see to do it is to have it as a div, but that is causing me other problems

Thanks,

Richard

 

[BabyJeffy]

Once we've had a look at the markup and css for the menu, the responses you get will be useful to you.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[BillyRayPreachersSon]

Richard,

if you absolutely position the drop-down portions, the browser will remove them from the flow of the document, and you should no longer have the problem you are experiencing.

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[richcleverley]

Hi Dan and Jeff,

Thank, I have now uploaded the page in question (after I got it back to how it was before I tried to get it working). You should see what is going on now (use firefox, not IE as it doesn't render at all in IE at the moment -I know why so no problems there).

The css is in the html file at the moment, just until I get it working. Also, it has an odd doctype as suggested where I got the idea from initially -

http://www.cssplay.co.uk/menus/dropdownfun.html

My page is at

http://www.ictechnology.net/azurproductions/email1.html

Thanks guys,

Richard

 

[BabyJeffy]

You have multiple elements sharing the same ID - this could be causing some problems (and isn't valid).

If you make one minor change, then the menu suddenly starts to behave as you would expect (it's not perfect, but it's certainly starting to look better):

#noniemenu {position:absolute;}

Maybe this is the start you need?

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[richcleverley]

Thanks Jeff,

Yes, I know about the problem with the id's, haven't quite worked out how I'm going to get round it yet though.

I had your suggestion previously, but the different menu elements didn't fit into the table corerctly. Maybe if I sort out the id's first that will help. Only thing is that as far as I can see I will have to duplicate the css for each menu item and then position from there.

Richard

 

[BabyJeffy]

Assign each menu item a class (that is shared by all) and then use the id's to provide unique css for each. You can have a class and an id on the same element.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[Foamcow]

you can even have multiple classes if you want

anyway... I've done a few of these sorts of menus, with cascades too.

You may find the following useful - I think I've used a different technique to the one you are working from and to my mind it's alot simpler too.

http://www.foamcow.com/images/work/bpe/consumer/

http://www.foamcow.com/clients/rentacoder/CSSmenuH/

Feel free to use whatever you want from there if you think it will be useful to you.

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

 

[richcleverley]

Thanks guys

I think I have it now. I may be back though if I run into problems.

Richard,

By the way Foamcow, if you are ever in the Languedoc (I notice the link in your signature), drop me a line and a beer or verre de vin will be in the offering!

 

[BabyJeffy]

Pete - let's go! Free offer of beer and wine! Who said HTML geeks don't have fun?

Glad it's all sorted, Richard.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[Foamcow]

Woohoo!

Actually I was talking to my "wine contact" just this morning about another project.

So far I've not been whisked off to France though.

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

 

[richcleverley]

Your both welcome,

I find that after a day sitting in front of the computer that beer and wine go down well.

Better weather here in the S. of France too!!!

Pete, I can't believe you haven't managed a free trip over here from your contact!!

Richard

 

[Foamcow]

Well to be fair, he's in London himself
He travels over now and again to scope out some new suppliers though.

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

 

[richcleverley]

The languedoc winemakers are getting a bi fed up at the moment because wine prices are really down and they have to throw loads of it away aevry year. Big demo here yesterday about it.

Means we can get decent wine for between 2 and 3 Euros a bottle though!!! Bet you pay more than that in the UK

 

[Foamcow]

Yeah, well try and get a decent Cornish pasty in the south of France

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK