SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Where did my bullets go?

    LINK-
    http://www.securehostserver.info/ornlfcu/

    I have an unordered list in the DIV #what-businesses-qualify and the square bullets are not visible. Can anyone tell me why?

    Thanks in advance. - Todd
    Todd Temple > T2 Design

  2. #2
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    You made a general style reset with:
    Code:
    * {
        margin: 0;
        padding: 0;
    }
    This has to be corrected for the <ul>'s:
    Code:
    ul {
        list-style: square outside none;
        margin: 0 0 0 20px;
    }

  3. #3
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Francky! It works... but how do I close up the gap or space between the square and the text string inside the list item?
    Todd Temple > T2 Design

  4. #4
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    Code:
    ul li {
        padding: 0 0 10px 0;
    }
    The last one is the left padding; you've set the list-style-image on "outside", so browsers will make some extra space automatically.

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,506
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by Todd Temple View Post
    ...how do I close up the gap or space between the square and the text string inside the list item?
    Actually, you cannot reduce that space. You can add to it, but not subtract from it. If you wish less space, you will have to use background-images as list markers instead of the built-ins.

  6. #6
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    @ronpat: In the meantime my suggestion is applied, so no further reducing of the gap will be needed.

  7. #7
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,506
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by Francky View Post
    @ronpat: In the meantime my suggestion is applied, so no further reducing of the gap will be needed.
    Ah, thanks, Francky. I didn't realize that the change had been made.

    Off Topic:

    Would you consider enabling PMs in your profile?


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
  •