Help uploading CSS menu into VSD #2

User 2333637 Photo


Registered User
114 posts

Hi,

I've created a very simple and functional menu in the HTML Editor, using the CSS Menu Designer. When I click Preview, it shows up functioning perfectly an when I copy and paste the code to an HTML element in VSD, I get something that looks like this:

Quick Search

Home
Awning
*Commercial
*Residential
*Retractable
*Roll Up Curtains
* Aluminum
Signs & Graphics
Glass & Screen Rooms


Each of these when I created are submenu items with mouseovers and everything. What am I doing wrong when I try to upload it to VSD?
TandemMediaUSA.com

Jen
User 187934 Photo


Senior Advisor
20,271 posts

A link would make it easier to help you but off hand it seems that your not linked properly to the css doc or it wasn't added to your site.:)
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 2333637 Photo


Registered User
114 posts

The site is not published to share a link. I've followed these instructions to the letter and checked all of the browsers and nothing:

http://progrower.coffeecup.com/cssmenu.html
TandemMediaUSA.com

Jen
User 187934 Photo


Senior Advisor
20,271 posts

In VSD when you preview the page right click then select view source. Now browse the page source code and look for this line if you used the defualt menu css and click on the link.
<link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen">

If you css is correctly linked then it will open when you click on the link in the source 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 2333637 Photo


Registered User
114 posts

http://tandemmedia.coffeecup.com/

I published it temporarily to see if it helps to look at it. I did what you said and still no results. Thanks for trying.
TandemMediaUSA.com

Jen
User 539803 Photo


Registered User
2,156 posts

In firefox this page looks as though it may be correct ?? http://tandemmedia.coffeecup.com/Awnings.html

ie i see a drop down menu a it should be, not a load of text as per other pages

Eric is it the other elements, ie form and live chat :: possibly too close in WYSIWYG

Form in firefox appears to high up, and to far to right by about 20%
Started using CC VSD in January 2009, I don't do HTML code, Sales from CC site exceeding expectations taken me out of semi-retirement
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk

User 187934 Photo


Senior Advisor
20,271 posts

In your html box is a lot of extra code that's not needed.:)

Paste this to the Body HTML

<ul class="quickmenu-menu sf-vertical">
<li><a href="http://">Quick Search</a>
<ul>
<li><a href="http://">Home</a></li>
<li><a href="http://">Awning</a>
<ul>
<li><a href="http://">Commercial</a></li>
<li><a href="http://">Residential</a></li>
<li><a href="http://">Retractable</a></li>
<li><a href="http://">Roll Up Curtains</a></li>
<li><a href="http://">Aluminum</a></li>
</ul>
</li>
<li><a href="http://">Signs &amp; Graphics</a></li>
<li><a href="http://">Glass &amp; Screen Rooms</a></li>
<li><a href="http://">Contact Us</a></li>
</ul>
</li>
</ul>

Paste to the same html box as above but to the Header HTML

<link rel="stylesheet" type="text/css" href="css/quickmenu-menu.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/superfish-vertical.css" media="screen">

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 2457723 Photo


Registered User
10 posts

Hello!

I seem to be having the same problem as the OP. I have gone through the steps on the progrower site, but still end up with a very plain list of options down the side of my page. I have tried to include all files which seem relevant, but still no change. Can someone walk me through this?

Link:
http://kaylasante.coffeecup.com/

A file is attached with the source code for my menu in its lovely, intended version.

Thanks in advance for any help!
Attachments:
User 271657 Photo


Ambassador
3,816 posts

Kara, I don't see any stylesheet links in your head section for the menu (just one for an error page).
See Eric's post above....
<link rel="stylesheet" type="text/css" href="css/quickmenu-menu.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/superfish-vertical.css" media="screen">



I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2457723 Photo


Registered User
10 posts

Hi, Paintbrush --

Thanks for your reply!

Okay, maybe the problem is that I don't know when I'm looking at an error code. This is why I'm mostly using VSD. :)

This is in my code:
<link rel="stylesheet" href="usethis_files/css3menu1/style.css" type="text/css" /><style>._css3m{display:none}</style>

I see a difference in the lines from Eric's post -- where he has media = "screen", I have {display:none} -- is that an indication of error?

Sorry for the very basic question! Thanks for your help!!

Kara

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.