How do I Install a CSS Menu in Visual...

User 2056847 Photo


Registered User
2 posts

Hello Support,

I have been trying to find information about HOW to Install a CSS Menu, that you now make in the HTML Editor, and use it with Visual Site Designer?

I opened the HTML Editor and started a New Project specifically to modify a previous DHTML Menu to convert it to a CSS Menu. After I opened and then SAVED the Menu to make a CSS Menu in the HTML Editor and then try to Preview it in the Browser it does NOT work as it should. The Menu is in the Preview, BUT it is small and in the Top Left Corner, there is nothing else that I have put on the page. That is one Problem.

The other is, HOW do I Install a CSS Menu, when I can get one to work, into the VSD Program built WebSite so that I can use a CSS Menu in a WebSite built with the VSD? Is that possible?

The Flash Menu works OK, sort of, but if you put more than 4 Sub-Menus under a main menu Button, the additional Sub-Menus do not show very well. I do not really like the Flash menu as well as the DHTML Menu, but they will only reside in the upper left corner of the WebSite, so that is where I plan for it to reside.

These situations are quite frustrating.

Thank you for your quick response.
User 187934 Photo


Senior Advisor
20,247 posts
Online Now

Hi Roger and welcome to the forum.
I think this will help you out.
http://progrower.coffeecup.com/cssmenu.html
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 2432550 Photo


Registered User
105 posts

I am trying to put a CSS Menu into VSD, and have followed the steps, but it is not showing up right. Can someone take a look? Thanks!

http://tarajohnson.coffeecup.com/AvailableWorks.html
User 187934 Photo


Senior Advisor
20,247 posts
Online Now

Your menu.css is lacking anything tying it to your menu html.:)
http://tarajohnson.coffeecup.com/css/Untitled1.css


This may help.
http://progrower.coffeecup.com/cssmenu.html
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 2432550 Photo


Registered User
105 posts

How do I tie it all together? I added the file Untitled1.css (bad file name, I know) to the Add Files menu... I did look thru your progrower page, but am not sure how to change the html to include this...
User 187934 Photo


Senior Advisor
20,247 posts
Online Now

If you look at the css that your linking to there's nothing on it. Pretty much blank. Did you use the editor to make the menu? If so use all the code it places in the page.:)
http://tarajohnson.coffeecup.com/css/Untitled1.css
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 2432550 Photo


Registered User
105 posts

I used the CSS Menu Designer and am trying to put it into VSD.

This is the code I copied (which I put in the body html):
<ul class="menu-menu">
<li class="first">
<a href="http://">Works Available</a>
<ul>
<li class="first"><a href="http://">Moxie</a></li>
<li><a href="http://">Altered Visions</a></li>
</ul>
</li>
</ul>

I put this in the header html:
<link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen">

The preview in the menu designer looks great, but it's not transfering over.
User 187934 Photo


Senior Advisor
20,247 posts
Online Now

Did you add the menu-menu.css to a folder called css using the "Add files" tool in VSD?
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 2432550 Photo


Registered User
105 posts

There is no file called menu-menu.css, only Untitled.css.. Not sure why the menu-menu is even being generated into the html code...
User 187934 Photo


Senior Advisor
20,247 posts
Online Now

You should save you menu with a name when you make it so if you make another one they don't get confused.
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

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.