Need help? Check out our Support site, then


Horizontal Tabs No Longer Working

  1. Horizontal 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,

  2. You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

  3. You are referring to a WordPress.ORG install and posting to the wrong support forum. This is the correct forum for your software http://wordpress.ORG/support/ If you have not registered a WordPress.org username account yet you can do so on the top right hand corner of the page I just linked to so you can post to those support forums.
    WordPress.com vs WordPress.org: The Differences
    http://support.wordpress.com/com-vs-org/

  4. My apologies. This issue deals with a self-hosted issue. Please close this thread.

    Regards,

Topic Closed

This topic has been closed to new replies.

About this Topic