css på en include fil

Ja, men link-tagget må kun forekomme i <head>-sektionen af html-outputtet, så du skal sikkert linke til den fra din hoved-side !-)

hmm...
Hvorfor ikke bare lave flere styles i CSS filen?

Jeg har prøvet at linke til dem begge 2 på denne måde. Se herunder
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="normal.css">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>

Den første med normal.css er den som bruges på alle sider.
Den med stylesheet.css er den som skal bruges på den fil jeg vil include.

Men det virker ikke. Når jeg sætter stylesheet.css ind under linjen med normal.css så bliver der lavet om på alt tekst.

kan du ikke smide den i header på den inkluderede fil eller som doodoo bare lave flere styles i css filen

Så bruger du de samme selectorer !-)

Når du includer en fil, vil den html-kode du sætter ind befinde sig indenfor samme dokument, så du er nødt til at lave classes og ids til at skille deres måde at virke på ad !o]

Roenving
Kan du forklare hvordan jeg laver det med class og id?

kan jeg...

Du laver fx i normal.css som ID... dvs. du laver en # ud for alle dine styles.
fx:
# tdid {
width: 500px;
}

så den td der skal være 500px skal du skrive sådan: <td id="tdid">

Omvendt med classes...

Der bruger du ... dvs. du skriver den sådan:
.tdclass {
width: 500px;
}

td'en skal så se sådan ud: <td class="tdclass">

Puha jeg prøver at se på det.
Jeg vender tilbage imorgen.

Hvis du generelt angiver en style for elementer bruger du f.eks.:

a{
  color:blue;
  text-decoration:none;
}

-- og det vil så gælde de a-tags, som er indenfor dokumentet, medmindre noget mere præcist er angivet som selector (eller en senere definition overskriver !-)

Dertil har du muligheden for at raffinere, så du kun definerer for eet element ( med id) eller for en stribe elementer (med class), eller således at placeringen inde i et bestemt element eller en bestemt type element afgør hvordan det ser ud (udnytte css-arv)...

-- som doodoo skriver gælder det rene ids og classes, men du kan jo inkludere, således, at alle elementer ligger inde i f.eks. en div, og så kan du lave det anderledes med:

#includeDiv a{
  color:red;
  text-decoration:underline;
}

Uha det ser lidt svær ud. Jeg prøver det af senere og vender tilbage imorgen.
Lige en sidste inden jeg smutter. Du kan lige hvis du vil se på mine 2 css filer.

Den første er normal.css
BODY {
    MARGIN: 0px; BACKGROUND-COLOR: #00ff00
}
A {
    COLOR: #ffffff; TEXT-DECORATION: none
}
A:link {
    COLOR: #ffffff; TEXT-DECORATION: none
}
A:visited {
    COLOR: #000000; TEXT-DECORATION: none
}
A:active {
    COLOR: #ff0000; TEXT-DECORATION: underline
}
A:hover {
    COLOR: #ff0000; TEXT-DECORATION: underline
}
A.a_menu {
    COLOR: #ffffff; TEXT-DECORATION: none
}
A.a_menu:link {
    COLOR: #ffffff; TEXT-DECORATION: none
}
A.a_menu:visited {
    COLOR: #000000; TEXT-DECORATION: none
}
A.a_menu:active {
    COLOR: #000000; TEXT-DECORATION: underline
}
A.a_menu:hover {
    COLOR: #ffffff; TEXT-DECORATION: underline
}
TABLE {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: verdana, arial, sans-serif
}
TABLE.styled_border {
    BORDER-RIGHT: #0000ff 1px solid; BORDER-TOP: #0000ff 1px solid; BORDER-LEFT: #0000ff 1px solid; BORDER-BOTTOM: #0000ff 1px solid
}
TD.td_menu {
    BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; WIDTH: 125px; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #0000ff
}
TD.td_breadcrumb {
    BORDER-BOTTOM: #000000 1px solid
}
TD.td_content {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
TD.td_banner {
    BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url(../gfx/logo_normal.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #0000ff
}
TD.styled_bg {
BACKGROUND-COLOR: #0000ff
   
}
TH {
    BORDER-RIGHT: #0000ff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 9pt; BORDER-BOTTOM: #0000ff 1px solid; BACKGROUND-COLOR: #b8c1a7
}
DIV.loading {
    FONT-SIZE: 8pt; Z-INDEX: -1; LEFT: 0%; WIDTH: 100%; COLOR: #000000; FONT-FAMILY: verdana, arial, sans-serif; POSITION: absolute; TOP: 50%; TEXT-ALIGN: center
}
H1 {
    FONT-WEIGHT: bold; FONT-SIZE: 15pt; TEXT-ALIGN: center
}
H2 {
    FONT-SIZE: 13pt; FONT-STYLE: italic; TEXT-DECORATION: underline
}
H3 {
    FONT-WEIGHT: bold; FONT-SIZE: 11pt; TEXT-INDENT: 50px
}
H4 {
    FONT-WEIGHT: bold; FONT-SIZE: 9pt
}
HR {
    COLOR: #0000ff; HEIGHT: 1px
}
CODE {
    FONT-SIZE: 9pt; FONT-FAMILY: monospace
}
INPUT {
    BORDER-RIGHT: #0000ff 1px solid; BORDER-TOP: #0000ff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #0000ff 1px solid; COLOR: #000000; BORDER-BOTTOM: #0000ff 1px solid; FONT-FAMILY: monospace; BACKGROUND-COLOR: #ffffff
}
SELECT {
    BORDER-RIGHT: #0000ff 1px solid; BORDER-TOP: #0000ff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #0000ff 1px solid; COLOR: #000000; BORDER-BOTTOM: #0000ff 1px solid; FONT-FAMILY: monospace; BACKGROUND-COLOR: #ffffff
}
TEXTAREA {
    BORDER-RIGHT: #0000ff 1px solid; BORDER-TOP: #0000ff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #0000ff 1px solid; COLOR: #000000; BORDER-BOTTOM: #0000ff 1px solid; FONT-FAMILY: monospace; BACKGROUND-COLOR: #ffffff
}
INPUT.input_search {
    BORDER-RIGHT: #b8c1a7 1px solid; BORDER-TOP: #b8c1a7 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url(../gfx/input_search.jpg); BORDER-LEFT: #b8c1a7 1px solid; WIDTH: 85px; BORDER-BOTTOM: #b8c1a7 1px solid
}
.HTML {
    COLOR: #ff0000; FONT-FAMILY: monospace
}
.JS {
    COLOR: #008000; FONT-FAMILY: monospace
}
.CSS {
    FONT-SIZE: 10pt; COLOR: #0000ff; FONT-FAMILY: monospace
}
.haand {
    CURSOR: pointer
}
.help {
    CURSOR: help
}
LI {
    LIST-STYLE-IMAGE: url(../gfx/li.png)
}
DT {
    FONT-WEIGHT: bold
}

Den anden er stylesheet.css

body {
    margin: auto;
    margin-top: 15px;
    width: 500px;

}
body,td,input,textarea,select {
    font: 11px verdana,arial,sans-serif;
}
form {
    display: inline;
}
table {
    border-collapse: collapse;
}
#list table {
    width: 100%;
}
#list th {
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #AAA;
    border-top: 1px solid #AAA;
    padding: 3px;
}
#list td {
    vertical-align: top;
    border-bottom: 1px solid #CECECE;
    padding: 3px;
}
.image {
    margin-right: 5px;
    float: left;
}
.frmobj {
    float: left;
    font-weight: bold;
    padding-top: 3px;
    width: 90px;
}
.frmtext {
    padding-left: 93px;
}
a {
    text-decoration: underline;
    color: #0000ff;
    background: transparent;
}
a:hover {
    text-decoration: none;
}
h1 {
    font: bold 20px trebuchet ms,verdana,helvetica,sans-serif;
}
h2 {
    font: bold 15px trebuchet ms,verdana,helvetica,sans-serif;
    margin-top: 0;
}
a.author {
    text-decoration: none;
    color: #CCC;
    float: right;
}
a.author:hover {
    text-decoration: none;
}

.hr {
    font-size: 0;
    height: 0;
    margin: 7px 0 7px 0;
    border-top: 1px solid #000;
    clear: both;
}
ul {
    list-style-type: square;
}

Øv jeg kan ikke finde ud af det :-(

Det kan jeg sådan set godt forstå, for de samme selektorer går igen i begge stylesheets ...

Hvis du godt vil have noget forskelligt, skal du sørge for at adskille definitionerne, så du f.eks. bruger classes til at gøre dem forskellige, et eksempel kunne være at du i din inkluderede fil brugte en class på dine a-tags:

<a href="" class="include">Inkluderet link</a>

og så ændrede dit stylesheet:

a.include {
    text-decoration: underline;
    color: #0000ff;
    background: transparent;
}
a.include:hover {
    text-decoration: none;
}

Sorry jeg har lige været væk et par dage, og er det nok også et godt stykke fra imorgen.
Men jeg må prøve og se om jeg kan finde ud af det du skriver Roenving.
Send lige et svar så får du point selvom jeg måske ikke får det til at virke.

Men det er jo målet, at du får det til at virke -- jeg har ikke travlt !-)

Okay Jeg skal nok skynde mig, og få det afprøvet :-)