Remove lower border in CSS?

[Sonjaaa]

How do I make the border below the white active tab (class="on") disappear?

page: http://********.ca/new/
CSS: http://********.ca/new/style.css

[rangana]

What happens when you removed the highlighted ;)

#tabs {
border-bottom: 1px solid black;
list-style-type: none;
padding: 0;
margin: 0;

}

[Sonjaaa]

That erases the entire black line. I want the black line to create the division, but it should disappear for the white tab.

[rmedek]

Try something like this:

li.on {
border-bottom: solid 1px #fff;
margin-bottom: -1px;
}

Essentially you're giving the LI a white border of its own, then making it overlap the bottom border of the UL it's contained in. It's a visual workaround I've used a bunch that should work here…you could also play around with relative positioning and z-index to give the same effect.

[abduraooft]

Try something like this:

li.on {
border-bottom: solid 1px #fff;
margin-bottom: -1px;
}

But there is a 1px gap shown at the bottom of each LI.
I think your solution can be extended like
#tabs {
/*border-bottom:1px solid black;*/
list-style-type:none;
margin:0pt;
padding:0pt;
}
#pink {
background-color:#FFEFEF;
border-bottom:1px solid #000000;
margin:0pt;
padding:0pt;
}
to get a better effect!

[rmedek]

But there is a 1px gap shown at the bottom of each LI.

I just tried this, and the gap is only there because of specificity—you would need to use something like this:

#tabs li.on {
border-bottom: 1px solid #fff;
margin-bottom: -1px;
}

[Sonjaaa]

Wow, cool, that fixes it beautifully in FireFox. In IE, the black line is much too high. I have to lower the end of the "pink" id somehow.

[Sonjaaa]

Reuploaded everything to: http://********.ca/new/

Need to make it look acceptable in IE now. Firefox displays it perfectly.

[rmedek]

Sonjaaa…just a note that I had to remove the links. Although I didn't find anything particularly objectionable, I've been getting reports from offended members.

1.6) No objectionable content- Do not post content/subject/links that may not be appropriate to everybody, including minors. Examples include adult links, hateful/ distasteful content, vulgar language etc.

[Sonjaaa]

Wow, that's really sad. It's obviously not porn.

It's a non-profit webpage about allowing people with disabilities to have a healthy sexual health and build communities to fight sexual oppression.

[rmedek]

Yes, I realize, but please keep in mind this forum is visited by not only minors but people from all over the world, whose culture may have a much different opinion of what is acceptable to discuss openly.

It's not a matter of it being porn, it's more of a matter of not being appropriate for minors.