creating drop down navbar

User 571572 Photo


Registered User
5 posts

Hello all,
I recently have been given the task of redesigning a website, I have used the "Center Stage" theme from Coffee Cup HTML editor build 305, What I'm trying to create is a drop down navigation bar, I have been to several different sites with drop down menus codes. However when I copy and paste the code, and .js files needed the drop down never works, it just shows up as a navigation tab. I'm also learning the ways of .css so I'm very new to that, any help or guidance will be greatly appreciated. the website in question is located at http://www.alpenadiver.com/DiveAlpena

Thanks
Mike
User 463058 Photo


Ambassador
1,073 posts

The only menu code I can see on your page is the following, which doesn't contain submenu items.
<ul id="navigation">
<li id="divecharters_link"><a href="...">Dive Charters</a></li>
<li id="divingsanctuary_link"><a href="...">Diving the Sanctuary</a></li>
<li id="knownwrecks_link"><a href="...">Known Wrecks</a></li>
<li id="contact_link"><a href="...">Contact Us</a></li>
</ul>
User 571572 Photo


Registered User
5 posts

It won't show up in the posted web link, I have a copy of the website in CC html, the problem I'm having is editing the .css, when I create links in the UL list they turn out like this: http://picasaweb.google.com/alpenadiver … 8576324178

This was created with just a UL under the Dive Charters tab. I believe there is something in the default.css file I need to add in the "navigation" section,
User 38401 Photo


Senior Advisor
10,951 posts

did you try making one using the CSS menu builder built into HTML or are you trying to do this by hand yourself?
User 571572 Photo


Registered User
5 posts

I'm attempting to add it by hand, editing the theme that came with CC HTML
User 38401 Photo


Senior Advisor
10,951 posts

I see, why not try creating it in the CSS Menu Maker that's already built into the HTML Editor? You can probably just replace the one that's there now with a new one that way, just a thought :)
User 571572 Photo


Registered User
5 posts

Thanks Wolverana, That will work, however do you know how to format the navbar to look like the original navbar? is there something in the .css file that will format it.
User 38401 Photo


Senior Advisor
10,951 posts

I'll have to take a look at it in a bit if I get a chance Alpenadiver, I'm on vacation so I'm on and off a lot at the moment till after the 1st of the year. I should be able to do that though, I haven't played with the CSS Menu maker a whole lot, but I would imagine that it shouldn't be too hard. It may take having to create the base of it and then editing the CSS, but maybe not too. I'll let ya know what I find out when I'm able to take some time and play :)
User 571572 Photo


Registered User
5 posts

Woverana, thanks for the reply, if you can point me in the right direction that would be great, as I'm very new to the whole css world, and kind of lost. There's no rush as the website is still in the creation stage.

Thanks again, have a great holiday season.
Mike

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.