afslutte Stylesheet

hm jeg er ikke helt med

Du kan indsætte style direkte i de enkelte elementer:

<p style="color: #123456; margin-left: 20px">
This is a paragraph
</p>

Er det det du tænker på ?

når du f.eks. har dette

STYLE type=text/css>A {
    FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A:link {
    FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.link {
    FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A:hover {
    COLOR: #ff0000; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline
}
A:active {
    COLOR: #ff0000; TEXT-DECORATION: underline
}
B {
    FONT-WEIGHT: bold
}
STRONG {
    FONT-WEIGHT: bold
}
P {
    MARGIN-TOP: 0px
}
LI {
   
}
BODY {
    FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
PRE {
    MARGIN-TOP: 0px; BACKGROUND: #ffffcc; FONT: 11px "Courier New", Courier, monospace; COLOR: blue; LIST-STYLE-TYPE: none
}
H1 {
    FONT: bold 32px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
H2 {
    FONT: bold 26px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
H3 {
    FONT: bold 18px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
H4 {
    MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; FONT: bold 12px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif
}
H5 {
    FONT-SIZE: 12px; TEXT-ALIGN: center
}
H6 {
    BORDER-RIGHT: rgb(192,192,192) 1px inset; BORDER-TOP: rgb(192,192,192) 1px inset; FONT-SIZE: 10px; BORDER-LEFT: rgb(192,192,192) 1px inset; COLOR: gray; BORDER-BOTTOM: rgb(192,192,192) 1px inset; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center
}
TABLE {
    BORDER-RIGHT: rgb(255,255,255) 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: rgb(255,255,255) 0px solid; PADDING-LEFT: 3px; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 3px; FONT: 12px Arial, Helvetica, sans-serif; BORDER-LEFT: rgb(255,255,255) 0px solid; PADDING-TOP: 3px; BORDER-BOTTOM: rgb(255,255,255) 0px solid; BACKGROUND-COLOR: rgb(0,0,0); border-spacing: 1px
}
.grr {
    BORDER-RIGHT: rgb(255,255,255) 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: rgb(255,255,255) 0px solid; PADDING-LEFT: 3px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 3px; FONT: 12px Arial, Helvetica, sans-serif; BORDER-LEFT: rgb(255,255,255) 0px solid; PADDING-TOP: 3px; BORDER-BOTTOM: rgb(255,255,255) 0px solid; BACKGROUND-COLOR: rgb(255,255,100)
}
.tableblank {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-LEFT-COLOR: transparent; BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM-COLOR: transparent; PADDING-BOTTOM: 1px; FONT: 12px Arial, Helvetica, sans-serif; BORDER-TOP-COLOR: transparent; PADDING-TOP: 1px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: transparent
}
TABLE.tableblank TD {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 1px; FONT: 12px Arial, Helvetica, sans-serif; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px
}
.transparent {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-LEFT-COLOR: transparent; BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM-COLOR: transparent; PADDING-BOTTOM: 0px; FONT: 12px Arial, Helvetica, sans-serif; BORDER-TOP-COLOR: transparent; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: transparent
}
TABLE.transparent TD {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT: 12px Arial, Helvetica, sans-serif; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px
}
TR {
    FONT: 12px Arial, Helvetica, sans-serif
}
TH {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 18px; BORDER-BOTTOM-WIDTH: 1px; COLOR: #ffffff; BACKGROUND-COLOR: #000063; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 1px
}
TD {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; FONT: 12px Arial, Helvetica, sans-serif; PADDING-TOP: 3px; BACKGROUND-COLOR: #efefef
}
.sourcecode {
    COLOR: blue; FONT-FAMILY: "Courier New", Courier, monospace; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: transparent
}
.tablestd {
    FONT-SIZE: 12px; MARGIN-BOTTOM: 15px; COLOR: black; BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BACKGROUND-COLOR: #dfdfdf; BORDER-BOTTOM-STYLE: solid
}
.trhead1 {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 18px; BORDER-BOTTOM-WIDTH: 1px; COLOR: #ffffff; BACKGROUND-COLOR: #000063; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 1px
}
.tablehead {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 18px; BORDER-BOTTOM-WIDTH: 1px; COLOR: #ffffff; BACKGROUND-COLOR: #000063; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 1px
}
.trsubhead {
    TEXT-ALIGN: center
}
.trtable {
    PADDING-BOTTOM: 0px
}
.trtableright {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; MARGIN-BOTTOM: 0px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.button {
    FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: #ff9c01; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.trheadright {
    FONT-SIZE: 19px; BACKGROUND: url(images/button/black-button-up-head.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
.trtextright {
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 10px; BACKGROUND: url(images/button/black-button-up-middle.gif); PADDING-BOTTOM: 0px; COLOR: white; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.trsubright {
    BACKGROUND: url(images/button/black-button-up-sub.gif); PADDING-BOTTOM: 7px; FONT: bold small-caps 14px Arial, Helvetica, sans-serif; COLOR: white; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.trtextsubright {
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 10px; BACKGROUND: url(images/button/black-button-up-sub.gif); PADDING-BOTTOM: 7px; COLOR: white; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.trtext {
    FONT-SIZE: 10px; COLOR: white; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center
}
.intranet {
    COLOR: black; BACKGROUND-COLOR: #90ee90
}
.hidden {
    VISIBILITY: hidden; FONT: 6px Arial, serif; COLOR: white; BACKGROUND-COLOR: #fffffe
}
</STYLE>


Vil det jo virker på hele html-filen, men hvis jeg nu kun ville have det til at fungere på en del af html-filen. men ikke alt

googolplex : ja lidt men jeg skal bare have alt det her med....

Ja, men det virker jo kun på de dele af din html-fil hvor du selv henviser til det. Fx:

<td class="trtext">blach blah</td>

Så bestemmer du jo selv hvor du vil bruge hvad.

Ellers kig her:

http://www.w3schools.com/css/default.asp
http://www.html.dk/tutorials/css/
http://www.westciv.com.au/style_master/academy/css_tutorial/

Rigtig gode tutorial, hvor de gennemgår det hele :)

>>ttopholm

Det kan du IKKE !-)

Alle stylesheets lever i _hele_ dokumentet, så du må bruge forskellige classes eller lave nogle subtile tildelinger, som f.eks.

.firstpart a{color:green}
.secondpart a{color:magenta}

og så dele din side op med enten divs eller table-rows/cells (første med class="firstpart", anden med class="secondpart") eller også lave nogle mere faste tildelinger, hvor classes er differentieret ...

Eksempel på det første:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Tomt dokument</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE TYPE="text/css">
.firstpart a{color:green}
.secondpart a{color:magenta}
</STYLE>
</HEAD>
<BODY>
<DIV ID="firstpart" CLASS="firstpart">
<A HREF="#" onclick="alert('firstpart')">Dette er den første del</A>
<br>
Øvrig div-tekst</DIV>
<DIV ID="secondpart" CLASS="secondpart">
<A HREF="#" onclick="alert('secondpart')">Dette er den anden del</A>
<br>
Øvrig div-tekst</DIV>
</BODY>
</HTML>

Smid et svar

Velbekomme '-)

-- og tak for point ;~}