jasonnixonHorizontal tabs were working on my webpage and for some reason they have stopped working. Below is a test page. The last entry should be hidden until the 'Announcements' tab is selected which would then only display the one entry. Selecting the 'Announcements' tab only takes me to the last article rather than displaying only that article.
I've disabled most of my plugins (the ones that don't require a lot of configuring) to see if one may be interfering to no avail.
Any ideas as to what I can do to get this working again? I've tried several plugins to create tabs as well but they either didn't display or didn't work correctly.
See my test page below and the style.css info.
Test Example Page
<br />
/* Tabs */<br />
.tabs {<br />
margin:0;<br />
}</p>
<p>.tabs .tab-wrapper {<br />
border: 1px solid #eceaea;<br />
margin:0;<br />
overflow:hidden;<br />
}</p>
<p>.tabs .tab-menu {<br />
border: 1px solid #eceaea;<br />
border-bottom:none;<br />
padding-bottom:7px;<br />
background:url(images/tab-menu-tail.gif) repeat-x left top;<br />
}<br />
.tabs .tab-menu ul {<br />
list-style: none;<br />
margin: 0 !important;<br />
padding: 0 !important;<br />
border-bottom: 1px solid #eceaea;<br />
height:44px;<br />
}</p>
<p>.tabs .tab-menu li {<br />
display: inline;<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
background:none;<br />
border:none;<br />
}</p>
<p>.tabs .tab-menu a {<br />
border-left: 1px solid #eceaea;<br />
border-right: 1px solid #eceaea;<br />
color: #8e8f8e;<br />
display: block;<br />
font-size: 18px;<br />
margin: 0 -1px 0 0;<br />
padding:0 19px;<br />
line-height:44px;<br />
text-decoration:none;<br />
}<br />
.tabs .tab-menu li:first-child a {<br />
border-left:none;<br />
}</p>
<p>.tabs .tab-menu a:hover {<br />
color: #000;<br />
}</p>
<p>.tabs .tab-menu a.active {<br />
border-bottom: none;<br />
color: #679406;<br />
background:white;<br />
height:45px;<br />
}</p>
<p>.tabs .tab {<br />
background-color: #fff;<br />
}</p>
<p>/* Latest Posts */<br />
.tabs .recent-posts li {<br />
border-top:1px solid #eceaea;<br />
margin:0 0 0 0;<br />
padding:29px 50px 29px 29px;<br />
}<br />
.tabs .recent-posts li:first-child {<br />
border:none;<br />
}<br />
.tabs .recent-posts li.even {<br />
background-color:#fcfcfc;<br />
}<br />
.tabs .recent-posts h3 {<br />
font-size:18px;<br />
line-height:21px;<br />
margin-bottom:13px;<br />
}<br />
.tabs .recent-posts .excerpt {<br />
display:inline;<br />
}<br />
.tabs .recent-posts .button {<br />
width:10px;<br />
height:7px;<br />
text-indent:-999px;<br />
padding:0;<br />
background:url(images/arrows.gif) no-repeat left top;<br />
display:inline-block;<br />
overflow:hidden;<br />
margin-left:9px;<br />
box-shadow:0 0 0 #e3e6e9;<br />
-moz-box-shadow:0 0 0 #e3e6e9;<br />
-webkit-box-shadow:0 0 0 #e3e6e9;<br />
border:none;<br />
}<br />
.tabs .recent-posts .button:hover {<br />
background-position:left -7px;<br />
}<br />
.tabs .recent-posts li.even .button {<br />
background-position:left -7px;<br />
}<br />
.tabs .recent-posts li.even .button:hover {<br />
background-position:left top;<br />
}<br />
Kindest Regards,
