By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,723 Members | 1,665 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,723 IT Pros & Developers. It's quick & easy.

CSS incompatibility in Navigator 7

P: n/a
Ben
Hello,
I was trying to design a class hierarchy within my webpage which would
benefit css.

Inheritance of classes seems to work as expected in IE. However, if I try
to use inheritance through Navigator it doesn't work.
I expect that I should be able to denote the class .Name.Title to obtain the
class Title which is a subclass of Name. The basic item which I couldn't
get to work is the following:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style>
..Name.Title
{
font-weight: bold; <!-- variable -->
font-size: 18.0pt; <!-- variable -->
font-family: Tahoma
}
</style>
</head>
<body>
<!-- width is variable -->
<table width=350 class=Name>
<tr><td class=Title>Title Line</td></tr>
<tr><td>&nbsp;</td></tr>
<tr><td class=Description>Description of title</td></tr>
<tr><td>&nbsp;</td></tr>
</table>
</body>
</html>

Can anyone tell me why Navigator doesn't bold the text in this example?

Thanks,
Ben
Jul 20 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
Ben wrote:
Inheritance of classes seems to work as expected in IE.
Funny, CSS doesn't have any concept of class inheritance. Only property
inheritance.
However, if I try to use inheritance through Navigator it doesn't work. I expect that I should be able to denote the class .Name.Title
That looks more like a selector then a class, specifically "An element of
both class Name and class Title".
to obtain the class Title which is a subclass of Name. The basic item
which I couldn't get to work is the following:
.Name.Title
{
font-weight: bold; <!-- variable -->
You have SGML comments in your CSS? This is bad.
font-size: 18.0pt; <!-- variable -->
You use points for a screen media style sheet? This is very bad.
font-family: Tahoma
}
</style>
</head>
<body>
<!-- width is variable -->
<table width=350 class=Name>
<tr><td class=Title>Title Line</td></tr>
Which doesn't match anything.

To match this you would need:

..Name .Title

The space is a descendent selector (meaning an element with class of Title
contained by an element of class Name).
<tr><td>&nbsp;</td></tr>


What odd tabular data you have
--
David Dorward <http://dorward.me.uk/>
Jul 20 '05 #2

P: n/a
Ben
David,
Thanks for the final answer. I'm sorry about my terminology being wrong
I'm new to webpages and CSS.
..Name .Title (did the trick) I also changed the SGML comments and was using
the pt syntax because this is merely for a mockup. Thanks for you tips!

Ben
"David Dorward" <do*****@yahoo.com> wrote in message
news:bv*******************@news.demon.co.uk...
Ben wrote:
Inheritance of classes seems to work as expected in IE.


Funny, CSS doesn't have any concept of class inheritance. Only property
inheritance.
However, if I try to use inheritance through Navigator it doesn't work.

I expect that I should be able to denote the class .Name.Title


That looks more like a selector then a class, specifically "An element of
both class Name and class Title".
to obtain the class Title which is a subclass of Name. The basic item
which I couldn't get to work is the following:

.Name.Title
{
font-weight: bold; <!-- variable -->


You have SGML comments in your CSS? This is bad.
font-size: 18.0pt; <!-- variable -->


You use points for a screen media style sheet? This is very bad.
font-family: Tahoma
}
</style>
</head>
<body>
<!-- width is variable -->
<table width=350 class=Name>
<tr><td class=Title>Title Line</td></tr>


Which doesn't match anything.

To match this you would need:

.Name .Title

The space is a descendent selector (meaning an element with class of Title
contained by an element of class Name).
<tr><td>&nbsp;</td></tr>


What odd tabular data you have
--
David Dorward <http://dorward.me.uk/>

Jul 20 '05 #3

P: n/a
> > <tr><td>&nbsp;</td></tr>

What odd tabular data you have
Hmmm. I do that myself when I have a border on a table to keep the border
visible on the empty cells. Do you have an alternative way of doing that?
I've alwas hated that!

Jeff

--
David Dorward <http://dorward.me.uk/>

Jul 20 '05 #4

P: n/a
"Jeff Thies" <no****@nospam.net> wrote:
> <tr><td>&nbsp;</td></tr>


What odd tabular data you have


Hmmm. I do that myself when I have a border on a table to keep the border
visible on the empty cells. Do you have an alternative way of doing that?


table{empty-cells:show}

(doesn't work on IE)

--
Spartanicus
Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.