list margins not working in chrome or firefox

  • Resolved rjarmitage

    (@rjarmitage)


    14 years, 11 months ago

    Hi,

    This is my site: https://www.demandmovies.co.uk/

    Just started on it and trying to arrange the lists in the LATEST NEWS and PRODUCT REVIEWS section.

    However, it has an indent margin of about 20px on Chrome and Firefox but not on IE – I’ve tried stating text-indent:0pt and margin-left:0px, but no dice.

    Hope you can help.

    Here is my CSS:

    ul#columnposts { list-style:none;
    text-indent:0pt;
    margin:0px;
    text-decoration: none;
    }

    ul#columnposts li { list-style:none;
    text-indent: 0pt;
    margin-left:0px;
    width: 265px;
    margin-bottom:15px;}

    ul#columnposts li a { list-style:none;
    text-indent: 0pt;
    text-decoration:none;
    color:#000;}

    .feat_thumb img { float:left; padding:0px;
    margin-left:0px;
    margin-right:10px;
    margin-top:0px;
    margin-bottom:5px;
    }

Viewing 2 replies - 1 through 2 (of 2 total)

  • try and play with the padding values (you need to add these) in `ul#columnposts { list-style:none;
    text-indent:0pt;
    margin:0px;
    text-decoration: none;
    }

    ul#columnposts li { list-style:none;
    text-indent: 0pt;
    margin-left:0px;
    width: 265px;
    margin-bottom:15px;}

    `

    seeting padding-left: 5px; in both styles worked in firefox developer add-on, but haven’t checked IE.

    Thread Starter rjarmitage

    (@rjarmitage)

    Genius!

    Works a treat in all browsers.

    Thank you for padding, and thank you, alchymyth.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘list margins not working in chrome or firefox’ is closed to new replies.