Results 1 to 8 of 8
  1. #1
    Join Date
    Jul 2005
    Posts
    99
    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,294
    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,294
    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
    99
    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,294
    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
    99
    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,294
    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. Remove space below header
    By Empire in forum Templates, Stylesheets, Page Layout
    Replies: 57
    Last Post: 10 Oct 2008, 06:29 PM
  2. Product Info Page - Large Gap Between Image and Description
    By ekat in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 22 Sep 2006, 12:11 AM
  3. sidebox with product list on product page
    By Minnie Mouse in forum Basic Configuration
    Replies: 2
    Last Post: 4 Sep 2006, 08:44 PM

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
  •