Vertical Menu Structure

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Hi. How are you doing?

I am having a problem implementing a vertical menu structure that is separate from the top horizontal menu structure. This is like a vertical menu structure that will list the products offered. Whenever I insert html coding into the layout, the menu will not show or the project will not save.

Can you help?

My code looks like this:

<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FFF;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
}

/*- Menu */

#menu {
width: 200px;
margin: 10px;
}

#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #FFF;
display: block;
background: url(menu.gif);
padding: 8px 0 0 35px;
}

#menu li a:hover, #menu li #current {
color: #FFF;
background: url(menu.gif) 0 -32px;
padding: 8px 0 0 35px;
}
-->

Tab Menu 9




Thanks.

Andre.
Photo of Andre Heath

Andre Heath

  • 8 Posts
  • 0 Reply Likes
  • thankful

Posted 9 years ago

  • 1
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
Whats Your Sites URL?
Photo of Andre Heath

Andre Heath

  • 8 Posts
  • 0 Reply Likes
It is currently lnselectrical.yola.com. It should be mapped to my domain - www.lnselectrical.com at GoDaddy.com shortly.

Thanks.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi Andre,

Are you looking for something like this ?
http://rfparts.synthasite.com/
Photo of Andre Heath

Andre Heath

  • 8 Posts
  • 0 Reply Likes
Hey Boomer!

Most definitely. That is very much what I would like to implement.

I would love to implement it anywhere on any page that I want.

I use CSS Tab Designer and Dreamweaver to produce, but I was wondering why Yola didn't want to produce it. It is quite a pleasure to see yours.

Can you help to show how you did it?

Thanks much.

Regards.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
I have created a tutorial over here:
http://forsite.synthasite.com/tut-mou...

Let me know if you need any more help?
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Thanks Boomer! Great tutorial!
Photo of Andre Heath

Andre Heath

  • 8 Posts
  • 0 Reply Likes
Thanks very much!

I appreciate it.
Photo of How To Create a Website

How To Create a Website

  • 30 Posts
  • 9 Reply Likes
Hi I have a website that might help How To Create a Website