Stylesheets throw everything off?

jallard · Apr 21, 2005

Hi,

Once again, I am working with an ill-created flash template from TemplateMonster.Com. The problem is that when they created all of the CSS as folows:
<style type="text/css">

</style>

There are three in all. The problem is that when I create seperate stylesheets, such as "willamette-1.css, willamette-2.css, willamette-3.css," some of the elements are off. Case in point is the navigation bar, as seen here

http://www.willametteweb.us/web-in-xhtml/home-page.html.

(These are my test pages to eventiually re-create everything in XHTML.)

Hereto, are the stylsheets between <head><link rel="stylesheet" type="test/css" href="willamette-1.css">
<link rel="stylesheet" type="test/css" href="willamette-2.css">
<link rel="stylesheet" type="test/css" href="willamette-3.css"></head>

Is there something that I am doing wrong and if so, what? Am I going to have to convert all pages to PHP? I am utterly confused?!? Thanks for your help

rrhode · Apr 21, 2005

In the css file there is the lines <style type="text/css">{ }

These shouldnt be here.

All Style tags need to come out. All style tags opening

Code:

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

and closing

Code:

</style>

tags should be removed

http://jigsaw.w3.org/css-validator/.../web-in-xhtml/willamette-1.css&usermedium=all

Go there to check your css file.

Ryan

ChrisHunt · Apr 22, 2005

Also, why have three seperate stylesheet files? Just put all your style declarations into one file - it'll be much easier to maintain later on.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

manarth · Apr 22, 2005

ChrisHunt said:
Also, why have three seperate stylesheet files? Just put all your style declarations into one file

Normally this is true, however, there are good reasons for seperating css into different files...in order to feed different rules for v4 browsers, standards/modern IE browsers, and print media.

Code:

<link rel="stylesheet" type="text/css" href="basic.css" />
<style type="text/css">
   @import url(advanced.css);
</style>
<link rel="stylesheet" type="text/css" href="print.css" media="print" />

I've had css crash older browsers such as netscape, so I put basic styling rules (font styles, etc) into a basic css file for all browsers, advanced css into an @import statement that v4 browsers ignore, and a third stylesheet for print rules.

And yes, it does make it harder to maintain! But not too much, and I feel it adds a lot to a site.

<marc>

ChrisHunt · Apr 22, 2005

There can be good reasons to use seperate files, but in this case the OP has his CSS arbitrarily split into three parts. That's just pointless.

I didn't mean to say that CSS should never be split into seperate files, just that you need a reason for doing so. Maybe I should have been clearer.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Stylesheets throw everything off?

jallard

Technical User

rrhode

Programmer

ChrisHunt

Programmer

manarth

Programmer

ChrisHunt

Programmer

Similar threads

Part and Inventory Search

Sponsor