CSS menu Designer - Drop Down Issue -...

User 122279 Photo


Senior Advisor
14,649 posts
Online Now

Bryon, Per is right, there have been too many conflicting inputs.

Do what I said above, that gives a centered menu, check attachment, where I have left the height and border in for you to see.

The width I found fitting your menu was 435px. The div has to be as tight as possible around the menu. If you say, as you did, 90%, the div itself will be centered, but the menu will be positioned left aligned inside the div.

Eric, your div#nav suggestion would have worked except for the width, which was too wide. And Bryon had forgotten to include that bit of code in his css file.

I'll continue with this push down issue later, have other commitments too. Right now I have a chimney sweeper approaching.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,649 posts
Online Now

Bryon, if you saved your menu as a .mnu file, could you open it and change to the option 'fixed width' and left aligned for the submenus? That is part of your push down problem that the sub menus are much wider than the rest. (you may have to adjust the width of the div class center in the css file afterwards...)

If you don't have the .mnu file, it shouldn't take too long to recreate the menu, I guess.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,271 posts

When I had the menu linked to my own menu-menu.css all looked great but when I hot linked to Bryons there was some problems in the menu css that was causing some issues. I see the div nav around the menu now. The only thing missing is the reference in the css and redoing the menu in the menu designer to fix the code.:)

Bryon I would also keep any css that's not generated by the menu designer in the html editor separate from the menu-menu.css so it doesn't get overwritten if you ever redo the menu.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

Eric Rohloff (Rolly) wrote:

Bryon I would also keep any css that's not generated by the menu designer in the html editor separate from the menu-menu.css so it doesn't get overwritten if you ever redo the menu.;)


That is a good idea! Create a second css file, call it 'mymenu.css' or whatever, and there you can place the custom stuff. And link it to the html files, of course.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2283504 Photo


Registered User
36 posts

I have been working on the home page www.acquirenewclients.com and another page http://www.acquirenewclients.com/websit … pment.html .

With the same code I have gotten two different results. I like the 2nd page.

As for the recreating the menu I will try that now with fixed width and left aligned for sub menus.

I will also create a separate css for the the menu versus everything else. I am guessing that I referencet the two css files in the head of the html files. My question is why do you need to do that? I was told that its best to use one style sheet.

I feel like we maybe close.
Thank you for hanging in there with me.

Regards,

Bryon
Bryon K. Smith
User 2283504 Photo


Registered User
36 posts

Everything looks perfect in the preview and the test browser of CC. However, the live site still has an off-center menu and pushes content down. I separated the two css files (see attached menu-menu and mymenu). I did not redo the mnu file because it was not referenced in the html. For the menu I referenced the menu-menu.css file. Was that a mistake? If so what do I need to do to correct the problem.

www.acquirenewclients.com

Regards,

Bryon

Attachments:
Bryon K. Smith
User 187934 Photo


Senior Advisor
20,271 posts

When you make a menu in the html editor css menu designer the mnu file is what retains your menu settings and properties for each custom menu. The menu-menu.css is the actual menu css code.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

Bryon, the 'my-menu.css' is not a css file, it's a html file. What Eric meant was to create a css file with the additions you make to the styles, which are not incorporated in the menu-menu.css. One example would be e.g. the .center that I have mentioned to you a couple of times.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2283504 Photo


Registered User
36 posts

I thought that once I generated the menu, using the menu builder, all the style coding went into the menu-menu.css file. I have been revising that file and not the mnu file. Am I supposed to upload the mnu file to the server and reference it instead of the css file?
Bryon K. Smith
User 2283504 Photo


Registered User
36 posts

Great progress. i got the centering to work...the new style sheet was originally uploaded to the wrong place. Now the only issue left is the menu pushing down the page content.

Regards,

Less Frustrated
Bryon:D
Bryon K. Smith

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.