Tabbed Category Box

[PupStar]

I have combined the category and manufacturers boxes with a tabbed display.

 

I am however not entirely satisfied with the tabs/box header and have been fiddling with it for quite a while now and can not achieve a decent look.]

 

The code is

 

$data = '<div id="tabs_box" style="padding: 0px;">' .
	 '<ul>' .
		 '<li><div class="ui-widget infoBoxHeading"><a href="#tabs-1">' . MODULE_BOXES_CATEGORIES_BOX_TITLE . '</a></div></li>' .
		 '<li><div class="ui-widget infoBoxHeading"><a href="#tabs-2">' . MODULE_BOXES_MANUFACTURERS_BOX_TITLE . '</a></div></li>' .
	 '</ul>' .
	 '<div class="ui-widget-content-cat ui-corner-bottom infoBoxContainer" id="tabs-1">' .
	 '' . $categories_string . '' .
	 '</div>' .
	 '<div class="infoBoxContainer" id="tabs-2">' .
	 '' . $manufacturers_content . '' .
	 '</div>' .
	 '</div>' .
	 '<script>' .
	 ' $(function(){' .
	 '		 $("#tabs_box").tabs();' .
	 ' });' .
	 '</script>';
 return $data;
}

 

I have attached screenshots of how it looks.

 

Can I throw this open to suggestions / improvements please guys.

 

Thanks

 

Mark