CODEWITHSUNDEEP
htmlcss
user2048994
user2048994

Reputation: 270

is there contradiction in CSS causing border to remain shown?

I don't know if there is any contradiction in CSS which is causing the .noborder to not work:

 <table id="tableanswer" cellpadding="0" cellspacing="0">

...


<th width="30%" class="noborder"></th>

CSS:

#tableanswer td { 
    border:1px black solid;
    border-collapse:collapse;
}

.noborder td{
    border:0px; 
}

UPDATE:

<table id="tableanswer" cellpadding="0" cellspacing="0">

    ...


    <th width="30%" class="noborder"></th>
    <td width="30%" class="noborder"></td>

CSS:

    #tableanswer td { 
        border:1px black solid;
        border-collapse:collapse;
    }


#tableanswer td.noborder {
    border:0px; 
}

#tableanswer th.noborder {
    border:0px; 
}

Upvotes: 0

Views: 48

Answers (1)

Jared Forsyth
Jared Forsyth

Reputation: 13162

UPDATE

There are two problems.

1) you want "td.noborder" not ".noborder td" 2) the "#{id} td" is more powerful than a "td.{classname}"

So you need to strengthen your selector

#tableanswer td.noborder {
    border:0px; 
}

Here's the working code: http://jsfiddle.net/T9GVn/

OLD

Your code has a "TH" not a "TD".

Try:

.noborder th {
    border:0px; 
}

Upvotes: 1

Related Questions