Menu with subtext

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
12/3/2011 2:38:24 PM
Total Posts 12

Menu with subtext


is it possible to have a menu with subtext. I've trying to implement the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>CSS Only Menu : Orange</title> <style type="text/css"> #menu4 ul {     list-style:none;     font-family: Helvetica, Arial, sans-serif;     font-size: 30px;     letter-spacing: -3px;     line-height: 1.2em;     border-top:5px dotted #c7e7f3;     border-bottom:5px dotted #c7e7f3;     float:left;     clear:both;     margin:20px; } #menu4 ul li{     float:left; } #menu4 ul li a{     display:block;     text-decoration:none;     padding:10px 10px 5px 10px;     color:#66b8d8;     width:170px; } #menu4 ul li a span{     display:block; } #menu4 ul li a span.title{

} #menu4 ul li a:hover span.title{     color:#00adef; } #menu4 ul li a span.text{     padding:0px 5px;     font-family: Georgia, serif;     font-size: 13px;     font-style: italic;     font-weight: normal;     letter-spacing: normal;     line-height: 1.6em;     color:#c7e7f3;     visibility:hidden; } #menu4 ul li a:hover span.text{     visibility:visible; } </style> </head>

<body> <div id="menu4">             <ul>                 <li><a href="">                         <span class="title">About</span>                         <span class="text">Who we are</span>                     </a>                 </li>                 <li><a href="">                         <span class="title">Portfolio</span>                         <span class="text">What we do</span>                     </a>                 </li>                 <li><a href="">                         <span class="title">Blog</span>                         <span class="text">What we talk about</span>                     </a>                 </li>                 <li><a href="">                         <span class="title">Contact</span>                         <span class="text">How to get in touch</span>                     </a>                 </li>             </ul>         </div> </body> </html>

You must sign in to post in the forums. This thread is closed to new posts.