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?
Adding the "list-style: none" CSS class to the unordered list (<ul>) or ordered list (<ol>) tag removes any bullet or number.
disp{list-style-type:none;} this code will not show any numbers.
Typically, unordered-list items are displayed with a bullet, which can be of several forms, like a dot, a circle, or a square. The bullet style is not defined in the HTML description of the page, but in its associated CSS, using the list-style-type property.
On the Home tab, click Bullets. To remove bullets, on the Bullets tab, select None. To remove numbers instead, click the Numbered tab and select None. Click OK.
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
if you don't want to show numbers in order list then use this css code.write code for className="disp" .disp{list-style-type:none;} this code will not show any numbers
` `If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With