Heres a strange query

[Daniel]

How do you link CSS Style sheets to external html documents?

give us some help please

thankies.

[ukgeoff]

Not quite sure what you are asking here. What do you mean in this case by 'external html documents'?

[Daniel]

basically ive got a css style sheet and i want to link it to 3 pages so its effects are used on these 3 pages. but as i only ever do internal im not sure what to do!

[trandrus]

Well...

You don't link style sheets to html documents; it's the other way around.

So add a semantic link in the head tag to the three html documents that you want to invoke the style sheet.

Is this what you're asking or am I just not getting the question?

[Daniel]

ive got it now - thanks for ur help

[ukgeoff]

It may be the way you interpret english but I would say you do 'link' stylesheets to html documents.

It's consider the best way to do things to have your css in separate stylesheet(s).

This/these is/are then linked into your html pages using:

Code: Select all

<link rel="StyleSheet" type="text/css" href="yourstyles.css" />
<link rel="StyleSheet" type="text/css" href="yourstyles-print.css" media='print' />

<!--[if IE]>
<link rel="StyleSheet" type="text/css" href="ieonly.css" />
<![endif]-->

This last one allows you to add in a style sheet for IE which contain the tweaks need to get IE looking like Firefox, etc.

[all4sma]

I use pretty much the same method as ukgeoff mentioned but mine usually look like this:

Code: Select all

        <link rel="stylesheet" type="text/css" media="screen" title="Default Layout" href="./css/universal.css" />
        <?php
            if ( strpos($_SERVER['HTTP_USER_AGENT'], 'Opera') ) {echo("<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" title=\"Default Layout\" href=\"./css/sc.css\" />"),"\n";}
            else if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') >=6 ) {echo("<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" title=\"Default Layout\" href=\"./css/ie.css\" />"),"\n";}
            else {echo("<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" title=\"Default Layout\" href=\"./css/sc.css\" />"),"\n";}
        ?>

My way may be a bit overly complicated to look at, but in the end (in my experience) it's much easier to work with.

[Daniel]

ive used what geoff suggested - thankies all