Jeremy’s World

Having setup my website in WordPress 2.5 and added a collection of plugins to the mix, I discovered to my dismay that on writing a new blog post, the categories choice section, located just under the WYSIWYG post box was completely fuzzled up.

Essentially what was happening was the choices for “All Categories” and “Most Used” where getting muddled up with the tickboxes and category names, rendering the display virutally useless.  It appeared to be a CSS issue but I could find no evidence of CSS changes after copying fresh the CSS code from the original install files.

Frustrated with the display, I decided to start digging around in the code to find the location for where this section was display.  After about 5 minutes of poking around, I located the categories choice section for Write Post under wp-admin/edit-form-advanced.php.

Under this section I found the following:


<ul id="category-tabs">
<li class="ui-tabs-selected"><a href="#categories-all" tabindex="3"><?php _e( 'All Categories' ); ?></a></li>
<li class="wp-no-js-hidden"><a href="#categories-pop" tabindex="3"><?php _e( 'Most Used' ); ?></a></li>
</ul>


This seemed rather odd since the section below contained div tags.  So I replaced the ul tags with div tags and placed a nested set of ul tags to conform to the structure of the html like so:


<div id="category-tabs">
<ul>
<li class="ui-tabs-selected"><a href="#categories-all" tabindex="3"><?php _e( 'All Categories' ); ?></a></li>
<li class="wp-no-js-hidden"><a href="#categories-pop" tabindex="3"><?php _e( 'Most Used' ); ?></a></li>
</ul>
</div>


This seemed to do the trick.  The display of the categories section suddenly looked usable again.