How to hide a border

Discussion in 'Web Design and Development' started by Cabbit, Mar 10, 2009.

  1. Cabbit macrumors 68020

    Cabbit

    Joined:
    Jan 30, 2006
    Location:
    Scotland
    #1
    i have a site i im working on for my guild and to make the navigation border disappear on the selected item so that is is pure orange instead of having a black bar.

    here is a pretty link, i have for review put the css in the document.

    linkies
     
  2. belvdr macrumors 601

    Joined:
    Aug 15, 2005
    #2
    Wouldn't border=0 (or the css equivalent) work?
     
  3. torndownunit macrumors regular

    Joined:
    Jan 4, 2009
    #3
    I am in a rush so I can't look through the code. But one of your CSS classes must have a border on it for the border to be there. Find it and remove it.
     
  4. belvdr macrumors 601

    Joined:
    Aug 15, 2005
    #4
    I didn't see one in the Navigation class. I think putting "border: 0" would fix that.
     
  5. torndownunit macrumors regular

    Joined:
    Jan 4, 2009
    #5
    I only glanced quick, but it seems there is a borders in here:

    Code:
    #navagation li a {
      color: #fff;
      float:left;
      border-right: 1px solid #999;
      width:85px;
      height:40px;
      text-decoration: none;
      text-align: center;
      line-height: 40px;
      font-size: 1.0em;
      font-weight: normal;
      font-style: normal;
      background-position: center;
    
    I am no expert by any means, and am in a rush to compound that. But that is the first place I would be looking
     
  6. miles01110 macrumors Core

    miles01110

    Joined:
    Jul 24, 2006
    Location:
    The Ivory Tower (I'm not coming down)
    #6
    Just do a search for "border" and remove it in your text editor or whatever you're using to code.
     
  7. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #7
    Looks a few people were quick to answer, but never looked at the code.

    On #navagation, get rid of overflow: hidden. Then for .active_link you can set border-bottom to the shade of orange you need. Without getting rid of the overflow, the border part won't show up because it falls outside the overflow area.
     
  8. belvdr macrumors 601

    Joined:
    Aug 15, 2005
  9. Cabbit thread starter macrumors 68020

    Cabbit

    Joined:
    Jan 30, 2006
    Location:
    Scotland
    #9
    thanks for the help i got it looking quite nice ^_^
     

Share This Page