Non logical CSS behavior ! [Archive]

Click to See Complete Forum and Search --> : Non logical CSS behavior !

said_fox

07-03-2004, 06:18 PM

Hi,
Suppose the following,

<html>
<head>
<style>
.block1{
color:red;
}
</style>
</head>
<body>
<div class="block1">
This text in red color. Ok
<table>
<tr>
<td>
This text, I think, should be in red, but it does not !?
</td>
</tr>
</table>
</div>

I think is not logical
The TABLE tag inside the block1 style spectrum by logic it should apply its color, specially,
there is no any defination for the table's color.
What do you think about this?
Is there any solution?
Is this misunderstand of mine?

Ben Rogers

07-03-2004, 06:23 PM

Well, the default color for tables is black, so you have to change that in order to make it different, as opposed to most elements default bg and fg colors being "inherit". I suggest, if you have a lot of cases like that, using .block1, .block1 * when setting colors, so the styling is set to the container and all contained elements.

MstrBob

07-03-2004, 06:24 PM

<head>
<style type="text/css">

</style>
</head>
<body>
<table class="table1">
<tr>
<td>
This text is in red.
</td>
</tr>
</table>

Browsers have issues with tables, what do you want? Just don't use tables for layout and you should be fine. Alternately, you can use your html and have the css:

<style type="text/css">

</style>

said_fox

07-03-2004, 06:59 PM

:D
Thank you!
It's the first time to deal with creating a CSS's class like that. It's really a breakthrough for my knowledge with CSS.