Search code examples
css

Don't Display Numbers/Bullets for Ordererd or Unordered List

All, I'm using the following code to generate some li items in an ol. 

$output = '<div id="menu_options">';
$output .= '<ol class="tabs">';
foreach($menu_items as $menu){
    $output .= '<li><a href="'.$menu->ID.'" class="menu_page_id">'.$menu->title.'</a></li>';
}
$output .= '</ol>';
$output .= '</div>';
$output .= '<div id="menu_content">This is content</div>';

This works fine however I'd like to get rid of the 1., 2. etc. Is there a way to remove these and not display anything where these would typically go?

Solution

  • Yes, use a style property of list-style-type:none on the ol, either inline as a style attribute, or in your stylesheet under the .tabs class.

    See http://www.w3.org/TR/CSS21/generate.html#lists