Support » Themes and Templates » bullet spaces in firefox

  • Resolved jax23


    Hi there, I through trial and error have got the template for sandbox how we want it with one exception. We removed the bullets on the list items, in ie they are fine but in firefox I cant remove the indent. I want the list header and item to align flush. I assumed it was to do with list-style:0; but Ive added this to all the sections below with no results.

    can anyone advise? web address and possable css code below:

    div#menu {
    margin:1em 0;
    div#menu ul,div#menu ul ul {
    div#menu ul a {
    padding:0.2em 0.5em;
    div#menu ul ul ul a {
    div#menu ul li ul {
    div#menu ul li:hover ul {
    and then this code which I expect I need to add something to..............................
    div.sidebar li {
    font: 10pt/150% helvetica, arial, sans-serif;
    margin:0 0 2em;/* em squashes the gap between title and list */
    div.sidebar li form {
    margin:0em 0 0;/* making the em 0 seemed to add space between list items */
    div.sidebar ul ul {
    div.sidebar ul ul li {
    div.sidebar ul ul ul {
    margin:0 0 0 0.5em;
    div.sidebar ul ul ul li {
    div#menu ul li, dl,div.navigation div.nav-previous {
Viewing 7 replies - 1 through 7 (of 7 total)
  • Hey,

    Try adding


    to the CSS which is styling the list. If you have already hidden the bullet point its self by doing this


    then adding the outside position will make sure the links are flush in both IE7 and FF3 and most likely other browsers too but i don’t have any others so never tested but this is the correct way to do it i beleive.

    ok, I tried adding line style outside (with our without the word position)in all the areas where it mentions li or lu. One at a time testing each time, and it made no difference. I assume it should just go below but again this doesnt affect the alignment and make the list item flushed as Id like. If I take out list syle none I get bullets again.

    also added no indent, and left align combinations.

    any ideas???? thanks

    div.sidebar li {
    	list-style-position: outside;
    	font: 10pt/150% helvetica, arial, sans-serif;
    	margin:0 0 2em;

    i see no bullets on firefox .

    no, with line style none added Im not getting bullets but Im trying to remove the space where the bullets were so the list item sits flush with heading aligned left. sorry if its confussing.

    hmmm yes i understand the problem now but u did make u cods very confussing for ur selv . make it easy .

    .sidebar { float:right; width:200px; }
    .sidebar ul { padding:0; margin:0; }
    .sidebar li { list-style-type:none; padding:0; margin:0; }
    .sidebar a { color:green; fontsize:14px; fontfamily:whatuwant; }
    .sidebar a:hover { color:blue; }

    make it simple than u want have problems . sure what i wrote now its just a example so u know what u have to edit .

    and sure the xhtml .

    <li> <a href"#">Home</a></ul>
    <li> <a href"#">Fub</a></ul>
    <li> <a href"#">Lab</a></ul>

    thanks very much,

    added the ul padding thing and its sorted now. Looks much neater the way you did it rather than the sandbox code all over the place, nice one!! 🙂

    Glad to help

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘bullet spaces in firefox’ is closed to new replies.