469,331 Members | 5,129 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,331 developers. It's quick & easy.

Cross browser way to inherit?

Hi,

I've discovered on both IE and Firefox, this is not working ...

..tabText {
color: inherit;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
}

with regards to inheriting color. Here is the HTML in which this is
found:

<td class="topTab tabSelected" style="padding-left:5px; padding-
right:5px;">
<table><tr>
<td class="tabText" id="tab1">General</td>
<td class="closeTab"><img src="images/close.gif" alt="Close"
border="0"></td>
</tr></table>
</td>

Any ways to write the CSS class so that it inherits?

Thanks, - Dave

Apr 23 '07 #1
4 1814
la***********@zipmail.com wrote:
I've discovered on both IE and Firefox, this is not working ...

.tabText {
color: inherit;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
}

with regards to inheriting color. Here is the HTML in which this is
found:
Where's the rest?
<td class="topTab tabSelected" style="padding-left:5px; padding-right:5px;">
<table><tr>
<td class="tabText" id="tab1">General</td>
<td class="closeTab"><img src="images/close.gif" alt="Close"
border="0"></td>
</tr></table>
</td>

Any ways to write the CSS class so that it inherits?
What's the color styling on #tab1? Where are the rules for .topTab and
..tabSelected? Show us the CSS. Provide a URL to validated code.

--
John
Apr 23 '07 #2
On 23 Apr, 17:20, "laredotorn...@zipmail.com"
<laredotorn...@zipmail.comwrote:
I've discovered on both IE and Firefox, this is not working ...
Use a complete page, not a fragment

Put it on a public web server somewhere,

Tell us the URL.

Apr 23 '07 #3
la***********@zipmail.com wrote:
>
I've discovered on both IE and Firefox, this is not working ...

color: inherit;
Color is inherited by default, so why are you setting it in the first place?

--
Berg
Apr 23 '07 #4
Scripsit la***********@zipmail.com:
I've discovered on both IE and Firefox, this is not working ...

.tabText {
color: inherit;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
}

with regards to inheriting color.
It also works poorly with regard to the things that "work". Setting text to
11 pixels bold Tahoma is a horrendous choice and should be reserved for
usage in torture.

Others have asked you to post the URL. My suggestion is that you rewrite the
page from scratch after learning some basic authoring principles from a good
book. That's probably much faster than trying to fix the mess, even with
help from the public.

Regarding the value inherit, it is not supported by IE, and you wouldn't
need it anyway, because in almost all cases you could set the color to a
specific value or let it be inherited by default.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Apr 23 '07 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Kevin Thorpe | last post: by
1 post views Thread by MatthewRoberts | last post: by
17 posts views Thread by Mark Rae | last post: by
2 posts views Thread by Eric Caron | last post: by
2 posts views Thread by Questman | last post: by
9 posts views Thread by permanent.tourist | last post: by
15 posts views Thread by CMM | last post: by
4 posts views Thread by Duncan Jones | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by suresh191 | last post: by
reply views Thread by Purva khokhar | last post: by
1 post views Thread by Marylou17 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.