CSS esterno (contesto della sintassi?)
Ho costruito un sito con un programma visuale e inviato sullo spazio che ho su altervista.
Ora però vorrei cercare di cambiare la grafica facendo riferire tutte le pagine html a un unico CSS esterno, caricato sempre nello stesso spazio di altervista dove sono le pagine html del sito.
Ho letto mille guide ma non c'è stato verso di far cambiare la grafica alla pagina....uso questa riga di codice
Codice HTML:
<link href="css/nome_foglio_di_stile.css" type="text/css" rel="stylesheet">
ma non c'è verso che funzioni.
C'è da dire che ora che sto cominciando a "vedere" il codice, di cui so ancora pochissimo, mi accorgo che quello del mio sito fa pena (creato con il programma visuale).
Non è che se linko una pagina htlm a un CSS esterno devo cancellarne anche tutte le altre righe di istruzioni su caratteri, colori, sfondi?
Non saprei dove mettere mano..
Se ve lo inserisco qui (il codice di una singola pagina) commetto infrazione alla netiquette?
Spero di no: in caso contrario perdonate vi prego una novellina totale!
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Informazioni su l'isola d'Ischia</title>
<link href="css/nome_foglio_di_stile.css" type="text/css" rel="stylesheet">
<meta name="author" content="annaveniga@libero.it">
<meta name="keywords" content="Ischia,isole flegree, come arrivare, navi, quotidiano Il Golfo,cartina Ischia">
<meta name="description" content="Informazioni e foto sull'isola d'Ischia:come arrivarci,i sei comuni,il Golfo di Napoli, piantina dell'isola, il quotidiano di Ischia.">
<meta name="generator" content="WYSIWYG Web Builder - http://www.wysiwygwebbuilder.com">
<style type="text/css">
div#container
{
width: 996px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</style>
<script language="JavaScript1.4" type="text/javascript">
<!--
function PlaySound(strFileName)
{
var soundfile = eval("document." + strFileName);
try
{
soundfile.Play();
}
catch (e)
{
soundfile.DoPlay();
}
}
//-->
</script>
<script type="text/javascript">
<!--
function SwapImage()
{
var doc=document, args=arguments;
doc.$imgSwaps = new Array();
for(var i=2; i<args.length; i+=2)
{
var elem=FindObject(args[i]);
if(elem)
{
doc.$imgSwaps[doc.$imgSwaps.length]=elem;
elem.$src=elem.src;
elem.src=args[i+1];
}
}
}
// -->
</script>
<script type="text/javascript">
<!--
function FindObject(id, doc)
{
var child, elem;
if(!doc)
doc=document;
if(doc.getElementById)
elem=doc.getElementById(id);
else
if(doc.layers)
child=doc.layers;
else
if(doc.all)
elem=doc.all[id];
if(elem)
return elem;
if(doc.id==id || doc.name==id)
return doc;
if(doc.childNodes)
child=doc.childNodes;
if(child)
{
for(var i=0; i<child.length; i++)
{
elem=FindObject(id,child[i]);
if(elem)
return elem;
}
}
var frm=doc.forms;
if(frm)
{
for(var i=0; i<frm.length; i++)
{
var elems=frm[i].elements;
for(var j=0; j<elems.length; j++)
{
elem=FindObject(id,elems[i]);
if(elem) return elem;
}
}
}
return null;
}
// -->
</script>
<style type="text/css">
a:visited
{
color: #0000FF;
}
a:hover
{
color: #40E0D0;
}
a.primo:link
{
color: #0000FF;
}
a.primo:visited
{
color: #40E0D0;
text-decoration: underline;
}
a.primo:active
{
color: #FF0000;
text-decoration: underline;
}
a.primo:hover
{
color: #40E0D0;
text-decoration: underline;
}
a.bianco-giallino:link
{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.bianco-giallino:visited
{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.bianco-giallino:active
{
color: #FFAD5B;
font-weight: bold;
text-decoration: none;
}
a.bianco-giallino:hover
{
color: #FFAD5B;
font-weight: bold;
text-decoration: none;
}
</style>
<style type="text/css">
img { behavior: url("pngfix.htc"); }
</style>
</head>
<body bgcolor="#000000" text="#000000">
...eccetera...
Dov'è l'inghippo? Si capisce solo fino a /head?
Chi è disposto a darmi qualche suggerimento su cosa non và del codice?
Vi ringrazio sin da ora anche della sola semplice attenzione.
