linked stylesheet strange behavior

A

aamirghanchi

Hi,

I have a very simple html that has a linked stylesheet. According to
the style sheet both blocks of text should be displayed in the font
xx-small. but only one (DIV or SPAN) at a time is displayed in this
font and that would be the one that is at the end of the stylesheet
file. for example if DIV selector is the last block in MyStylesheet.css
then the corresponding text in the DIV tag in the html will be small
font. If we swap the spaces of div and span in the styleshet then the
corresponding tag in the span tag in the html will be small
________________________________________________
MyStylesheet.css
/****************/
<style>

span {
font-size : xx-small;
}
div {
font-size : xx-small;
}
</style>

_________________________________________________
Test.htm
<!------------->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="HighResolution.css" />

<title>test.htm</title>

</head>

<body>

<div>this text is in DIV</div>
<span>this text is in SPAN</span>


</body>
</html>
 
B

Beauregard T. Shagnasty

In comp.infosystems.www.authoring.stylesheets, (e-mail address removed)
wrote:
Hi,

I have a very simple html that has a linked stylesheet. According to
the style sheet both blocks of text should be displayed in the font
xx-small. but only one (DIV or SPAN) at a time is displayed in this
font and that would be the one that is at the end of the stylesheet
file. for example if DIV selector is the last block in MyStylesheet.css
then the corresponding text in the DIV tag in the html will be small
font. If we swap the spaces of div and span in the styleshet then the
corresponding tag in the span tag in the html will be small
________________________________________________
MyStylesheet.css
/****************/
<style>

span {
font-size : xx-small;
}
div {
font-size : xx-small;
}
Click to expand...

Consider using percentages instead of keywords for sizing. Some
browsers do not recognize them. For example:
span.small { font-size: 80%; }
</style>

_________________________________________________
Test.htm
<!------------->
Click to expand...

You don't want the above line in your HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="HighResolution.css" />

<title>test.htm</title>

</head>

<body>

<div>this text is in DIV</div>
<span>this text is in SPAN</span>
Click to expand...

A <span> is an inline element, should not be a child of <body> but
should be within a said:
</body>
</html>
Click to expand...

Post a URL to your problem page.
 
A

aamirghanchi

Hi Beauregard,
...The validator would have told you this.
Click to expand...
... Some browsers do not recognize them
Click to expand...
This web app is targetted for an intranet app and our staff use only
one browser type.
...You don't want the above line in your HTML
Click to expand...
I created this example on the fly. It is a very simple example of a
complex page.
... <span> is an inline element, should not be a child of <body ...
Click to expand...
Thanks for shaing this. Is it in w3c specs

Thanks for your help.

Aamir
 
B

Beauregard T. Shagnasty

In said:
Hi Beauregard,
Click to expand...

Good morning.
the problem was indeed the <style> tags in the css file. Sorry no
validator ...I am using notepad.
Click to expand...

http://www.htmlhelp.com/tools/csscheck/ Copy your file into the
proper text box. Your choice of editor doesn't matter.
... [size words] Some browsers do not recognize them
Click to expand...

This web app is targetted for an intranet app and our staff use
only one browser type.
Click to expand...

Still ... it pays to use good habits all the time. Oh, in future, be
sure to state if your question is not for www.
I created this example on the fly. It is a very simple example of a
complex page.
Click to expand...

This is why it is always a good idea to post your problem page on a
server somewhere, so we can see a working example, with some sort of
content.

<sniprest>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Problems inserting a widget 0
How to position image displayed from a link? 1
Importing of HTML files using footer: Text resides at both footerand text body 1
Positioning of image from link - if that makes sense! 3
Free Text Ad Advertising that REALLY works 0
Pages in Inline frames 1
pages don't work in Firefox? 2
CSS Problems 9

Top