-
DD Tab Menu issues
1) DD Tab Menu
2) http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm
3) How to have a default tab
Question re how to have a tab that is the default selected tab upon entering a page/section that does not have a live link, can be styled apart from the hover state, and if these two criteria can be met can also still have the submenu appear and work.
I've been having trouble getting this to do the above.
Thank you for any help,
Bob
example page of site in transite I'm working on with this issue:
http://nhstage.sv.publicus.com/apps/...Category=nhm05
CSS and a couple lines of the associated ul to get an idea of issue:
<div id="ddtabs2" class="ddcolortabs" >
<ul>
<li ><a href="/apps/pbcs.dll/section?Category=nhm" rel="ct0"><span >Home</span></a></li>
<li><a href="/apps/pbcs.dll/section?Category=nhm37" rel="ct1"><span>Best of NH</span></a></li>
css
.ddcolortabs
{
margin-left: 11px;
margin-top: 15px;
overflow: hidden;
width: 940px;
}
.ddcolortabs ul
{
font: bold 13px Georgia, Times, serif;
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 14px;
}
.ddcolortabs li
{
display: inline;
margin: 0;
}
.ddcolortabs a
{
background: #606060;
border-right: 1px solid white;
color: white;
float: left;
margin: 0;
padding: 5px 8px 6px 8px;
text-decoration: none;
}
.ddcolortabs a span
{
display: block;
float: left;
}
.ddcolortabs a span
{
float: none;
}
.ddcolortabs a:hover
{
color: #000;
text-decoration: none;
}
.ddcolortabs a:hover span
{
color: #fff;
text-decoration: none;
}
.ddcolortabs a.current, #ddcolortabs a.current span
{
background-color: #000;
color: #fff;
}
.ddcolortabs li a
{
color: white;
}
.ddcolortabs li a:visited
{
color: white;
}
.ddcolortabsline
{
clear: both;
height: 3px;
line-height: 8px;
margin-top: 3px;
padding: 0;
width: 900px;
}
.tabcontainer
{
clear: left;
font-family: Trebuchet, Times New Roman, Times, serif;
font-size: 14px;
height: 1.6em;
margin-bottom: 10px;
margin-left: 25px;
padding-top: 3px;
width: 800px;
}
.tabcontent
{
display: none;
}
.tabcontent a
{
color: #000000;
text-decoration: none;
}
.tabcontent a:hover
{
color: #8A1919;
text-decoration: underline;
}
.tabcontent a:hover span
{
color: #8A1919;
}
.ddcolortabs a.current, #ddcolortabs a.current span
{
background-color: #914248;
color: white;
}
.chosen
{
background: #000;
background-color: #914248;
border-right: 1px solid white;
color: white;
float: left;
margin: 0;
padding: 5px 8px 6px 8px;
text-decoration: none;
}
-
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Bookmarks