Hello,
please excuse me if this seems a very simple question, but i have tried many things, but to no avail. I have a menu, that when you hover your cursor over, drops down with a picture. I am trying to intergrate this into RSD, but when you hover your cursor over the menu, everything gets pushed down, how can i make this so that everything stays in place, and the menu drops over the top of the elements below? http://www.hampshireisland.com/Construc … nds_1.html
Matt.
Matt
Registered User
26 posts
Online Now
Bob Visser
COO
827 posts
Nice design Matt!
The quick solution is to add height to the html element the menu sits in. This would give the menu enough room to expand. A min-height of about 120px would do.
Another solution is to take the html element / menu 'out of the flow' by using the positioning controls. This is a bit more involved and might require some size related updates to your menu (e.g. using padding for the menu buttons).
The quick solution is to add height to the html element the menu sits in. This would give the menu enough room to expand. A min-height of about 120px would do.
Another solution is to take the html element / menu 'out of the flow' by using the positioning controls. This is a bit more involved and might require some size related updates to your menu (e.g. using padding for the menu buttons).
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Matt
Registered User
26 posts
Online Now
Hi Bob,
Thanks for your help, I considered leaving the space, to allow the menu to expand, I think that may be my last resort, I will look into the padding for menu buttons, i was hoping it might be simpler than this!!
Thanks for your help, I considered leaving the space, to allow the menu to expand, I think that may be my last resort, I will look into the padding for menu buttons, i was hoping it might be simpler than this!!
Bob Visser
COO
827 posts
Personally I think the design looks better with some space there. The other day I contemplated sending out a tweet saying '(white) space is your friend — not your enemy!' Might still do that 
It's not complicated though, the buttons in expanded state simply claim some space, pushing the rest down. If you attach your files rsd and mb files, either here or in your support room, I'll be happy to take a look. Should be fun
It's not complicated though, the buttons in expanded state simply claim some space, pushing the rest down. If you attach your files rsd and mb files, either here or in your support room, I'll be happy to take a look. Should be fun
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
jamo
Registered User
233 posts
add overflow: visible; to the menu dropdown CSS
Matt
Registered User
26 posts
Online Now
Thanks for the reply James,
I have tried with my basic knowledge of css to add your suggested overflow: visible, in many places of the menu, but to no avail.
Bob, I would would be grateful for any help, i have attached my menu css files, but what part of my RSD would it be a part of? would it be the main css?
Matt
I have tried with my basic knowledge of css to add your suggested overflow: visible, in many places of the menu, but to no avail.
Bob, I would would be grateful for any help, i have attached my menu css files, but what part of my RSD would it be a part of? would it be the main css?
Matt
Bob Visser
COO
827 posts
Matt wrote:
Bob, I would would be grateful for any help, i have attached my menu css files, but what part of my RSD would it be a part of? would it be the main css?
Bob, I would would be grateful for any help, i have attached my menu css files, but what part of my RSD would it be a part of? would it be the main css?
Can you get me the project files for both apps? They will have the .mb and .rsd file extensions.
Zip them both into a single file. If it is over 10mb, upload the file to your server and post a download link. I will then download them and try and help.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Matt
Registered User
26 posts
Online Now
Hi Bob,
Here are the files, Thank you.
Matt
http://www.hampshireisland.com/HantsMainMenuF2.zip
http://www.hampshireisland.com/Construction.zip
Here are the files, Thank you.
Matt
http://www.hampshireisland.com/HantsMainMenuF2.zip
http://www.hampshireisland.com/Construction.zip
Bob Visser
COO
827 posts
Hello Matt,
For the HTML element with the menu, if you set a width of 100%, a max-width of 1200px and use position: absolute it will work exactly as you want.
You probably want to add the content in separate rows as well (now you're using stacked columns). This makes a bit easier to separate content and manage the layout at different widths.
For the HTML element with the menu, if you set a width of 100%, a max-width of 1200px and use position: absolute it will work exactly as you want.
You probably want to add the content in separate rows as well (now you're using stacked columns). This makes a bit easier to separate content and manage the layout at different widths.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Bob Visser
COO
827 posts
Hey Matt, let us know if you got that working. Happy to upload the updated project file if you wish.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
