Question

I am trying to make a menu working as tabs. The tabs themselves are working fine and the menu links are great aswell.. But I’d like to remove the buttom border of the active tab, to make it look like you’re on that actual page. I’ve tried using #id a:active but it seems to work only as long as I press the link. I’ve had the though about doing it by javascript aswell, but I can’t seem to figure out a way to do it. Here’s my css for active.

CSS: (please let me know if you’ll need more of my css)

#navigation a:active {
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#DFE7FA), to(#FFF));
    border-bottom-width:0px;
}

Thanks,
/Pyracell

Answer 1

From your demo link in the comments on another answer, JavaScript will not be of any help, it should be done in your PHP code.
Something in the lines of:

<a <?php if (this_tab_is_selected){ ?>class='active' <?php } ?>href='LINK_TO_TAB' >
    TAB_NAME
</a>

Mentioning that changing tabs is redirecting to another page could have helped with better responses from the start xD

Depending on your code and how you are creating the tabs, you need to change the this_tab_is_selected to a code that returns true for the selected tab.

P.S. You still need to make the modification mentioned in the other answer in your CSS. (Which is to change #navigation a:active to #navigation a.active)