CSS Inheritance and getting rid of inherited style

Hi All,

I need a little help with browser capability.  The change I did works in Mozilla but not in IE....

Maybe I am doing it wrong?

My Style created
--------------------
table.styled_table tr.AdCodeHeader {
border-top:0px none transparent;
font-weight:normal;
margin:0px;
padding:0px;
}

Style that is being inherited from a previous tag
-----------------------------------
table.styled_table tr {
border-top:1px solid #BBBBBB;
}

where I am trying to overwrite proeviously inherited style
-------------------------------------------------------------------
table cellpadding="0" cellspacing="0" border="0">
<tr class="AdCodeHeader">

Results
---------
Mozilla *stops* producing the border line
Ie *continues* to produce the border line.

Any help with this issue is greatly appreciated...

Thanks,

Angela
angelalawAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
R7AFConnect With a Mentor Commented:
This works in both IE and FF.
<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<title>Test</title>
    	<style type="text/css">
    		table.styled_table tr td {
    		border-top:1px solid #BBBBBB;
    		font-weight: bold;
    		}
    		
    		table.styled_table tr.AdCodeHeader td {
    		border-top:0px none transparent;    		
    		}
    	</style>
    </head>
	<body>
		<table class="styled_table">
			<tr>
				<td>Head</td>
			</tr>
			<tr>
				<td>Test</td>
			</tr>
		</table>
		<table class="styled_table">
			<tr class="AdCodeHeader">
    			<td>Head</td>
    		</tr>
			<tr>
				<td>Test</td>
			</tr>
    	</table>
    </body>
</html>

Open in new window

0
 
R7AFCommented:
border-top:0px none transparent;

Can't test now, but is this valid? I would leave the "none" out.
0
 
angelalawAuthor Commented:
Hi,

Thanks for replying.... Yep that is size, border type, and color....

http://www.w3schools.com/css/pr_border-style.asp

says none is valid for that...

Any other ideas?

Angela
0
 
angelalawAuthor Commented:
thanks so much, I struggled with this for a day and a half!

Marked Partially and A because it doesn't keep all the original functionality

The only problem with this solution is if you use cellpadding and cellspacing the line that the top border creates will break up instead of being one consistant line all they way through the table...
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.