SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    Arrow Remove Bullet in drop down menu?

    Hi guys

    I'm a little dizzy right now.

    I tried removing the bullets in drop down menu of this website.
    Contacts | The Migration Translators

    But it won't remove.

    By the way this is the CSS,
    http://www.migrationtranslators.com.au/css/style.txt

    What codes of the CSS I should remove?

    Thanks in advanced.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,777
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi,

    Try this:

    Code:
    .menu, .menu ul{list-style:none}

  3. #3
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Thanks paul but nothing happened.

    guys you can download that html and css page and try.

    anyone want to help please.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,590
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Those bullets are caused by the background image you have on the LIs. Remove the line in red:

    Code:
    .menu > li {
      background: url("../images/menu-bullet.png") no-repeat scroll right 22px transparent;
      color: #FFFFFF;
      display: block;
      float: left;
      font-size: 16px;
      line-height: 50px;
      margin: 0;
      padding: 0 14px 0 10px;
    }

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,777
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by solidcodes View Post
    Thanks paul but nothing happened.
    Then you didn't add my code I don't see it in your page.

    Code:
    .menu,.menu ul{list-style:none}
    I assume you are talking about the circle bullets showing in the dropdowns and not the bullet images on the top level menu that Ralph mentioned?

  6. #6
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @paul

    yes you are correct it's the circle bullets.
    Yeah I already added again your codes and it worked.

    But I have one more problem the bullets of the bottom
    of each page has bullets also before the check marks.

    For example this page below (bottom page), What is the right codes to remove these
    bullets before the checks marks.
    Contacts | The Migration Translators

    Here is another bullets before the check marks,
    Certification | The Migration Translators

    As you can see these bullets also appear on almost of the pages of this website.
    What is the right codes to move them?

    PAUL Thank you really cuz I'm not an expert in CSS.
    PAUL Thank you, thank you, thank you in advanced.

    @raplh
    Thanks for trying also but that's not the bullet I wanted to be changed.

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,777
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi,

    You can remove the bullets with this:

    Code:
    .contact-ul{list-style:none}

    You also have text overlapping as you set the height to 24px which means the text cannot wrap properly.

    Remove the height:
    Code:
    .bottom-area-midle .contact-ul li{height:auto;background-position:0 0}


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
  •