SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Hybrid View

  1. #1
    SitePoint Guru okrogius's Avatar
    Join Date
    Mar 2002
    Location
    US
    Posts
    622
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    <ul> formatting questions

    Need to apply some formatting to a UL list. A little css help would be great.

    How can I make the "bullet mark" go away from each UL?
    How can I remove the indent applied to content within the ul (left, top, bottom and right)? I have a portion of a nav that's inside a UL and expanded/contracted via a js.
    Text size of UL in a LI. I tried both font-size:2; and text-size:2; to no avail.

    Thanks for your help.

  2. #2
    Drupaler bronze trophy greg.harvey's Avatar
    Join Date
    Jul 2002
    Location
    London, UK
    Posts
    3,258
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you thought about using a CSS indent instead of UL?

    Code:
    text-indent: 13pt
    ... for example ... ?

  3. #3
    SitePoint Guru okrogius's Avatar
    Join Date
    Mar 2002
    Location
    US
    Posts
    622
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The reason I'm using a ul is to use it's display:none; property through a javascript (expand/contract menu sections). However, with ULs comes the indent, which I'm trying to remove.

  4. #4
    SitePoint Enthusiast
    Join Date
    Oct 2000
    Location
    Northern California
    Posts
    64
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    don't know if this will work for you ..?

    but i wanted rid of the ul indent also,
    so i gave the ul a class.
    You could try something like this:


    ul.yourclass {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    color: #33664d;
    font-size: 11px;
    }

    hth
    humanz
    "...Planet lurches to the right as ideologies engage/suddenly it's
    repression, moratorium on rights/what did they think the politics of
    panic would invite/the person on the street shrugs "security comes
    first"/but the trouble with normal is it always gets worse!" -- Bruce Cockburn

  5. #5
    (****** or Deleted)
    Join Date
    May 2002
    Location
    Melbourne, Australia
    Posts
    299
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try adding this to your code:

    ie.

    Code:
    li  {
      list-style-type:none;
      text-align:left;
      list-style-position:outside;
      }
    I am not sure on the exact thing you are after, but this may be right?


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
  •