CSS inlusion does not work

John Smith · Feb 17, 2004

I had a similar problem,
I solved this by changing the order of the attributes.

Try this:
<link rel="stylesheet" type="text/css" href="main.css">

Why or how don't ask me the only way I figured this out was that some of my
pages worked and others didn't and this was the difference!

Matthias Gutfeldt · Feb 17, 2004

Matthias said:
IF I try to set style settings inside a file they are not recognised, only
if they are directly inside to main html file.

<link href="main.css" rel="stylesheet" type="text/css">

What's the URL so we can see what you're really doing?
Are you sure the HREF attribute points to the correct folder and file?
Does the server send the correct MIME type for the stylesheet?

Matthias

Matthias Pospiech · Feb 17, 2004

IF I try to set style settings inside a file they are not recognised, only
if they are directly inside to main html file.
Here an example: The body settings for Font are only used if inside the main
file, not if inside the css file:

<html>

<head>
<title>Matthias Pospiech</title>
<link href="main.css" rel="stylesheet" type="text/css">
<style type="text/css">
</style>
</head>


<body>
Text
</body>
</html>

// CSS - Style: Main Settings

body {
font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size : 100%;
background-color : #FFFFFF;
color : #000000;
margin: 0px 0px 0px 0px;
padding:0px;
}

This means that I cannot use style sheet files ! I tried in Opera and
Mozilla.

Matthias Pospiech

rf · Feb 17, 2004

Matthias Pospiech said:
IF I try to set style settings inside a file they are not recognised, only
if they are directly inside to main html file.
Here an example: The body settings for Font are only used if inside the main
file, not if inside the css file:

<snip code>

As usual a URL is essential. Copy/pasted stuff *always* looses something
vital.

I'll just be you have this as the first line of your CSS file:

<style type="text/css">

Cheers
Richard.

Barry Pearson · Feb 17, 2004

Matthias said:
Matthias Gutfeldt wrote: [snip]

Does the server send the correct MIME type for the stylesheet?

Click to expand...

How can I check that ?

[snip]

This is useful - put the URL of the CSS in:
http://web-sniffer.net/

Matthias Pospiech · Feb 17, 2004

Matthias said:
What's the URL so we can see what you're really doing? Its locally on my computer.
Are you sure the HREF attribute points to the correct folder and file?

Yes, if I include the .container (see below) and set the text inside a <div
class="container"> it works

Does the server send the correct MIME type for the stylesheet?

How can I check that ?

Matthias

-------------------------------------
..container {
width: 700px;
border: 0px solid gray;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color : #F0F0F0;
}

Matthias Pospiech · Feb 17, 2004

John said:
I had a similar problem,
I solved this by changing the order of the attributes.

Try this:
<link rel="stylesheet" type="text/css" href="main.css">

Why or how don't ask me the only way I figured this out was that some of
my pages worked and others didn't and this was the difference!

It does not make a difference.

Matthias

SteW · Feb 17, 2004

Matthias said:
IF I try to set style settings inside a file they are not recognised, only
if they are directly inside to main html file.
Here an example: The body settings for Font are only used if inside the main
file, not if inside the css file:

<html>

<head>
<title>Matthias Pospiech</title>
<link href="main.css" rel="stylesheet" type="text/css">
<style type="text/css">
</style>
</head>


<body>
Text
</body>
</html>

Matthias Pospiech

It is the hyphens in your comments that are the problem.
Remove the hyphens from inside all comments and your stylesheet will work.
For example


Actually it is consecutive hyphens -- that are causing the problem, so

would be ok too.

Ste W

Beauregard T. Shagnasty · Feb 17, 2004

Quoth the raven named Matthias Pospiech:

body {
font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size : 100%;

While we're examining your style sheet, consider this. Verdana is a
poor choice of font. I'd recommend using only Arial, Helvetica,
sans-serif;

http://www.xs4all.nl/~sbpoley/webmatters/verdana.html

Your choice of size at 100% is perfect, though.

Chet · Feb 17, 2004

| IF I try to set style settings inside a file they are not
recognised, only
| if they are directly inside to main html file.
| Here an example: The body settings for Font are only used if
inside the main
| file, not if inside the css file:
|
| <html>
| 
| <head>
| <title>Matthias Pospiech</title>
| <link href="main.css" rel="stylesheet" type="text/css">
| <style type="text/css">
| </style>
| </head>
|
| 
| <body>
| Text
| </body>
| </html>
|
|
| // CSS - Style: Main Settings
|
| body {
| font-family: Verdana, Geneva, Lucida, Arial, Helvetica,
sans-serif;
| font-size : 100%;
| background-color : #FFFFFF;
| color : #000000;
| margin: 0px 0px 0px 0px;
| padding:0px;
| }
|
| This means that I cannot use style sheet files ! I tried in
Opera and
| Mozilla.
|
| Matthias Pospiech
|

In the head remove

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

This may be overriding the external css since it is empty. Just a
thought...

hth

Beauregard T. Shagnasty · Feb 17, 2004

Quoth the raven named Chet:

In the head remove

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

This may be overriding the external css since it is empty. Just a
thought...

No, that won't have any effect, so long as it is typed correctly.

Neil Marshall · Feb 18, 2004

Matthias said:
Matthias Gutfeldt wrote:

How can I check that ?

In mozilla, if it's being served up as a text/plain it will put an error
in the JavaScript console. Also if you look at the page using mozilla
and go to page info, it will also tell you if it's text/plain or text/css

Matthias Pospiech · Feb 18, 2004

Beauregard said:
Quoth the raven named Matthias Pospiech:

While we're examining your style sheet, consider this. Verdana is a
poor choice of font. I'd recommend using only Arial, Helvetica,
sans-serif;

http://www.xs4all.nl/~sbpoley/webmatters/verdana.html

I had read other article with contrary positions. Their reason why one
should use Verdana is that it is quite big even on computers with lower
font sizes, like Mac or Linux.
On the other hand I can follow the argument of this article. I will have to
think about it, but thats not what worries me now the most...

Matthias Pospiech

Andrew Urquhart · Feb 24, 2004

Matthias Pospiech said:
How can I check that ?

One quick way is to open the css file directly in Opera and hover over the
page tab, it appears in a tool-tip. In Firefox open the css file directly
and use the 'View Page Info" option in the 'right click' context menu, it's
displayed as "type" on the general tab.

CSS File does not really work?	1	Jul 7, 2023
Positioning CSS components	1	Nov 16, 2023
Why <link/> is not working?	4	Jan 1, 2020
External CSS	4	Mar 24, 2020
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Background image not showing up on html page	3	Sep 23, 2023
CSS: How can I stop overflow on the y-axis?	2	Dec 24, 2022
An unknown bug doesn't allow the quotes app to work. What's the issue?	3	Apr 23, 2023

CSS inlusion does not work

John Smith

Matthias Gutfeldt

Matthias Pospiech

rf

Barry Pearson

Matthias Pospiech

Matthias Pospiech

SteW

Beauregard T. Shagnasty

Chet

Beauregard T. Shagnasty

Neil Marshall

Matthias Pospiech

Andrew Urquhart

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads