WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] bullet spaces in firefox (8 posts)

  1. jax23
    Member
    Posted 4 years ago #

    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:

    http://davidhenckel.com/wordpress/

    div#menu {
    background:#EEE;
    height:1.5em;
    margin:1em 0;
    width:100%;
    
    }
    
    div#menu ul,div#menu ul ul {
    line-height:1;
    list-style:none;
    margin:0;
    padding:0;
    }
    
    div#menu ul a {
    display:block;
    margin-right:1em;
    padding:0.2em 0.5em;
    text-decoration:none;
    }
    
    div#menu ul ul ul a {
    font-style:italic;
    }
    
    div#menu ul li ul {
    left:-999em;
    position:absolute;
    }
    
    div#menu ul li:hover ul {
    left:auto;
    
    and then this code which I expect I need to add something to..............................
    
    div.sidebar li {
    list-style:none;
    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 */
    padding:0;
    }
    
    div.sidebar ul ul {
    margin:0;
    }
    
    div.sidebar ul ul li {
    list-style:0;
    margin:0;
    }
    
    div.sidebar ul ul ul {
    margin:0 0 0 0.5em;
    
    }
    
    div.sidebar ul ul ul li {
    list-style:circle;
    }
    
    div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
    float:left;
  2. fbm247
    Member
    Posted 4 years ago #

    Hey,

    Try adding

    list-style:outside;

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

    list-style-type:none;

    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.

  3. jax23
    Member
    Posted 4 years ago #

    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:none;
    	list-style-position: outside;
    	font: 10pt/150% helvetica, arial, sans-serif;
    	margin:0 0 2em;
    	padding:0;
  4. ChaMChoM
    Member
    Posted 4 years ago #

    i see no bullets on firefox .

  5. jax23
    Member
    Posted 4 years ago #

    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.

  6. ChaMChoM
    Member
    Posted 4 years ago #

    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 .

    <ul>
    <h2>Pages</h2>
    <li> <a href"#">Home</a></ul>
    <li> <a href"#">Fub</a></ul>
    <li> <a href"#">Lab</a></ul>
    </ul>
  7. jax23
    Member
    Posted 4 years ago #

    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!! :)

  8. ChaMChoM
    Member
    Posted 4 years ago #

    Glad to help

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.