CSS esterno (contesto della sintassi?)

01-04-2008, 03.43.58

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.

01-04-2008, 08.05.18

Ma il risultato che vorresti ottenere qual è? E invece cos'è che ottieni che non va?
Ciò che ho capito è che il CSS "non ti funziona"... ma in che modo non funziona?

01-04-2008, 13.28.34

Cioè, da quello che avevo capito, la pagina htlm avrebbe dovuto assumere colori, impaginaziine,sfondi, font ecc. descritte nel foglio di stile, invece no! L'unica cosa, cambia colore lo sfondo della pagina... Non ho capito jeeves...
HELP!
In sostanza come cavolo faccio a usare un template per la grafica del mio sito senza conoscere il codice...?

**dementialsite** · 01-04-2008, 13.33.32

Originalmente inviato da ischiacasa

... Non ho capito jeeves...

Non ti preoccupare per Jeeves... dovrebbe essere un bot di supporto, ma pare stia facendo un po' le bizze con le sue risposte automatiche...

Stammi bene...

Ospite · 01-04-2008, 14.33.42

Innanzitutti devi sapere che i css sono di tre tipi:
- esterni: vengono richiamati con un file esterno (quello che vuoi fare tu);
- interni: vengono inseriti tramite il tag <style>;
- in linea: vengono definiti tramite l'attributo style.

Ora questi css hanno un rispettivo ordine di importanza:
1- i css i linea;
2- i css interni;
3- i css esterni.
Quindi il tuo foglio di stile esterno non funziona perchè ci sono i css interni e in linea che prevalgono su di esso.

L'unica soluzione è eliminare gli stili all'interno del documento e impostare il css esterno. Ma sarebbe una faticaccia, dato che dovresti reimpostare praticamente tutto il sito. Inoltre non so se sai cosa sono classi e id, che sono praticamente alla base dei css e che, guardando il codice, sono utilizzati nel tuo sito.

A questo punto io ti consiglio di imparare html e css, e fare tutto tu. Magari ci vorrà un po' di più, ma almeno avrai una gestione migliore del codice.

Discussione: CSS esterno (contesto della sintassi?)

LinkBack

Strumenti discussione

Display

CSS esterno (contesto della sintassi?)

Regole di scrittura