Results 1 to 8 of 8
  1. #1
    Join Date
    Jul 2005
    Posts
    97
    Plugin Contributions
    0

    help question Fix Bullet List Left Margin on Product Description Page

    Hi,

    This is my test page: http://www.nokoria.com/up2date/index...roducts_id=182

    The bullet is on top of the border line. How can I fix this?

    Thank you,

  2. #2
    Join Date
    Nov 2006
    Location
    Caracas
    Posts
    114
    Plugin Contributions
    0

    Default Re: Fix Bullet List Left Margin on Product Description Page

    I am not sure but try some like this:


    .biggerText ul {
    margin-left:2px;
    }

    because the ul take a ul atribute from another part.
    if your try this maybe change

    I am new in css and php but I hope this can be help you

  3. #3
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Fix Bullet List Left Margin on Product Description Page

    Try the following in you stylesheet and adjust the other styles.
    Code:
    #productDescription li {
        background-color: background; /* only for visual help in test */
        list-style-type: none; /* to disable the bullet point */ 
        margin-left: 2em;
    }
    A New Starter again

  4. #4
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Fix Bullet List Left Margin on Product Description Page

    And the suggestion from @ jgamio also works if change the ul to li.
    Code:
    .biggerText li {
    margin-left:2px;
    }
    A New Starter again

  5. #5
    Join Date
    Jul 2005
    Posts
    97
    Plugin Contributions
    0

    Default Re: Fix Bullet List Left Margin on Product Description Page

    Thank you for the quick replies.

    I tried this

    #productDescription li {
    margin-left: 2em;
    }

    and this

    .biggerText li {
    margin-left:2px;
    }


    Both of them works on Firefox, but not on IE. It's always IE... Any more suggestion?

    Thank you,

  6. #6
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Fix Bullet List Left Margin on Product Description Page

    It is a great different between FF and IE6.
    Had tried the following and separated them to adjust each other.
    Code:
    #productDescription li {
    	background-color: beige;  /* for test only */
            margin-left: 2em;
            _margin-left: 24.5em; /* For IE only, but will cause validation error */
    	list-style: square;
    }
    For pass validation, may try the following and with same result.
    Code:
    #productDescription li {
    	background-color: beige;  /* for test only */
            margin-left: 2em;
    	list-style: square;
    }
    
    /* For IE6 only */
    * html #productDescription li {
    	background-color: yellow;  /* for test only */
            margin-left: 24.5em;
    	list-style: square;
    }
    A New Starter again

  7. #7
    Join Date
    Jul 2005
    Posts
    97
    Plugin Contributions
    0

    Default Re: Fix Bullet List Left Margin on Product Description Page

    Quote Originally Posted by seethrou View Post
    It is a great different between FF and IE6.
    Had tried the following and separated them to adjust each other.

    For pass validation, may try the following and with same result.
    Code:
    #productDescription li {
    	background-color: beige;  /* for test only */
            margin-left: 2em;
    	list-style: square;
    }
    
    /* For IE6 only */
    * html #productDescription li {
    	background-color: yellow;  /* for test only */
            margin-left: 24.5em;
    	list-style: square;
    }
    seethrou, it works now.... Thank you so much!!!!!!!!!!!

  8. #8
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Fix Bullet List Left Margin on Product Description Page

    You are welcome!

    And glad to hear you have the problem solved.

    bye,

    .
    A New Starter again

 

 

Similar Threads

  1. v139h Short Description problems - no description on product list page
    By jgold723 in forum All Other Contributions/Addons
    Replies: 1
    Last Post: 24 Oct 2014, 05:52 AM
  2. v151 Custom image bullet list on an EZ Page
    By magz in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 2 Dec 2013, 12:43 AM
  3. Margin Left of New Product Images:
    By limelites in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 3 Feb 2009, 03:49 AM
  4. How to add bullet points to the product description?
    By musicfreer in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 14 Sep 2008, 06:53 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR