Style-koder til css-fil?
Denne kode indeholder en del css-koder, men jeg har ikke HELT styr på hvorledes de skal samles og hvordan jeg skal henvise til kodefilen (.css-filen)Her er koden:
<html >
<head>
<title>Det Radikale Venstre i Svendborg</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<style type="text/css">
<!--
td {
background-color: #B2C3D5;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
img {
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #B2C3D5;
border-right-color: #B2C3D5;
border-bottom-color: #B2C3D5;
border-left-color: #B2C3D5;
background-color: #B2C3D5;
}
-->
</style>
<style type="text/css">
<!--
a.menu {
background-color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
font-weight: bold;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: white;
}
-->
</style>
<style>
a.menulink {
display: block;
width: 100%;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:14px;
color: #333333;
BORDER: none;
border-top: 1px none #FFFFFF;
border-right: 1px none #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px none #FFFFFF;
font-weight: bolder;
padding: 5px;
?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); }
a.menulink:hover {
background-color:#6F9CC5;
border-top: 1px none #FFFFFF;
border-right: 1px none #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px none #FFFFFF;
}
.titel {
width: 100%;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:20px;
color: #333333;
font-weight: bolder;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
border: none;
}
</style>
<script>
/*
CSS Menu highlight- By Marc Boussard (marc.boussard@syntegra.fr)
Modified by DD for NS4 compatibility
Visit http://www.dynamicdrive.com for this script
*/
var ns4class=''
</script>
<style type="text/css">
<!--
p {
width: 491px;
text-align: justify;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #333333;
BORDER: none;
font-weight: normal;
padding: 0px 5px 5px;
}
-->
</style>
<style type="text/css">
<!--
.copyright {
display: block;
width: 246px;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:10px;
color: #333333;
border-top: 1px none #FFFFFF;
border-right: 1px none #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px none #FFFFFF;
font-weight: normal;
padding: 20px 5px;
background-color: #FFFFFF;
}
.footer {
display: block;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:10px;
color: #333333;
font-weight: normal;
}
-->
</style>
</head>
<body link="#000000" vlink="#000000" alink="#000000">
<center>
<table width="0" border="0" height="0" cellpadding="0" cellspacing="5">
<!--DWLayoutTable-->
<tr>
<td width="243" height="0" valign="top">
<a href="/index.htm">
<img border="0" src="newimg/left.jpg" width="243" height="243"></a></td>
<td width="243" valign="top">
<a href="/index.htm">
<img border="0" src="newimg/center.jpg" width="243" height="243"></a></td>
<td width="243" valign="top">
<a href="/index.htm">
<img border="0" src="newimg/right.jpg" width="243" height="243"></a></td>
</tr>
<tr>
<td height="106" valign="top">
<a class="menulink" class="&{ns4class};" href="bestyrelsen.htm">
Bestyrelsen</a>
<a class="menulink" class="&{ns4class};" href="kalender.htm">Kalender</a>
<a class="menulink" class="&{ns4class};" href="debat.htm">Debatindlæg</a>
<a class="menulink" class="&{ns4class};" href="byraad.htm">
Byrådsmedlemmets side</a>
<a class="menulink" class="&{ns4class};" href="s-l.htm">
Svendborg-Langelandskredsen</a>
<a class="menulink" class="&{ns4class};" href="general.htm">
Generalforsamling 2004</a>
<a class="menulink" class="&{ns4class};" href="kampagner.htm">
Kampagner</a><div class="copyright">Design og kode © Kristian Klitgaard</div></td>
<td colspan="2" valign="top"><p class="titel">Velkommen til Svendborg
Radikale Venstre</p>
<p>
<img border="0" src="fotos/m_jelved.jpg" width="109" height="88" align="right"><b><font size="2">Skolen
- hvor er den på vej hen?</font> </b> <br>
Onsdag d. 24/3-2004 Kl. 19.00 afholder <i>Svendborg Radikale Venstre </i>
debatmøde om folkeskolens fremtid. De debaterende bliver Marianne Jelved
og Helle Sjelle (K) og det hele foregår i Byskolens Aula ...
<a href="nyheder/skoledebat.htm">Læs mere >></a></p>
<p>
</p>
<p><img border="0" src="fotos/paragraf.jpg" width="109" height="88" align="right">
<b><font size="2">Opdatering af vedtægter</font> </b> <br>
På generalforsamlingen lørdag d. 28/2 blev en lille ændring af
vedtægterne godkendt.<BR> De ny vedtægter kan findes
<a href="nyheder/vedtaegter.htm">her >></a><br>
</p>
<p>
<br />
</p></td>
</tr>
<tr>
<td height="0" colspan="3" valign="top" class=footer> indhold © 2004
Svendborg Radikale Venstre -Alle rettigheder forbeholdes</td>
</tr>
</table>
</center>
</body>
</html>
Hvis det er muligt vil jeg altså gerne have samlet "style"-koderne i en css-fil og have at vide hvordan jeg skal henvise til dem (kunne det være noget i stil med dette:
<LINK HREF="stylesheet.css" TYPE="text/css" REL="stylesheet">
eller hvad?)
