Hi,
I am a CSS newbie, and I just did my first table less webpage. I am having a problem with my menu.
I would like my left column menu to look like this:
Main menu 1
sub-menu item
sub-menu item
sub-menu item
Main menu 2
sub-menu item
sub-menu item
sub-menu item
Main menu 3
sub-menu item
sub-menu item
sub-menu item
The main menu does not have any bullets, but I would like the submenu to have them.
How do I go about doing this?
Thanks a lot for any suggestions.
Ellora.<html>
<Head>
<Style>
.menu{}
table.menu td{font-family:verdana;font-size:12px;}
.cat{font-family:verdana;font-size:13px;font-weight:bold}
</Style>
</Head>
<body>
<Table cellspacing=0 celpadding=0 border=1 class="menu">
<tr><td class='cat'>Main menu 1</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> </td></tr>
<tr><td class='cat'>Main menu 1</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> </td></tr>
<tr><td class='cat'>Main menu 1</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
</table>
<Body>
</html>Here's another option that does not use tables:
<!-- m --><a class="postlink" href="http://www.seoconsultants.com/css/menus/tutorial/">http://www.seoconsultants.com/css/menus/tutorial/</a><!-- m -->
You can alternatively google "css menu" and find tons of examples to find the style you like.Here's another option that does not use tables:
<!-- m --><a class="postlink" href="http://www.seoconsultants.com/css/menus/tutorial/">http://www.seoconsultants.com/css/menus/tutorial/</a><!-- m -->
You can alternatively google "css menu" and find tons of examples to find the style you like.
Thank you
I found exactly what I was looking for here - <!-- m --><a class="postlink" href="http://css.maxdesign.com.au/listamatic2/vertical02.htm">http://css.maxdesign.com.au/listamatic2/vertical02.htm</a><!-- m -->
deep_dhyani, thank you for your suggestion too , but I wanted to not use any tables.
Ellora.
I am a CSS newbie, and I just did my first table less webpage. I am having a problem with my menu.
I would like my left column menu to look like this:
Main menu 1
sub-menu item
sub-menu item
sub-menu item
Main menu 2
sub-menu item
sub-menu item
sub-menu item
Main menu 3
sub-menu item
sub-menu item
sub-menu item
The main menu does not have any bullets, but I would like the submenu to have them.
How do I go about doing this?
Thanks a lot for any suggestions.
Ellora.<html>
<Head>
<Style>
.menu{}
table.menu td{font-family:verdana;font-size:12px;}
.cat{font-family:verdana;font-size:13px;font-weight:bold}
</Style>
</Head>
<body>
<Table cellspacing=0 celpadding=0 border=1 class="menu">
<tr><td class='cat'>Main menu 1</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> </td></tr>
<tr><td class='cat'>Main menu 1</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> </td></tr>
<tr><td class='cat'>Main menu 1</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
<tr><td> - sub-menu item</td></tr>
</table>
<Body>
</html>Here's another option that does not use tables:
<!-- m --><a class="postlink" href="http://www.seoconsultants.com/css/menus/tutorial/">http://www.seoconsultants.com/css/menus/tutorial/</a><!-- m -->
You can alternatively google "css menu" and find tons of examples to find the style you like.Here's another option that does not use tables:
<!-- m --><a class="postlink" href="http://www.seoconsultants.com/css/menus/tutorial/">http://www.seoconsultants.com/css/menus/tutorial/</a><!-- m -->
You can alternatively google "css menu" and find tons of examples to find the style you like.
Thank you
I found exactly what I was looking for here - <!-- m --><a class="postlink" href="http://css.maxdesign.com.au/listamatic2/vertical02.htm">http://css.maxdesign.com.au/listamatic2/vertical02.htm</a><!-- m -->
deep_dhyani, thank you for your suggestion too
, but I wanted to not use any tables.Ellora.