Newsgroup: it.comp.www.html
Titolo: OT e non OT - HTML e CSS // Sbloccatemi per favore!

Ho inserito in una pagina HTML due file.css, per due testi separati.
Il problema che il primo mi va ad influenzare anche il testo che deve essere
dell'altro.
Oltre a richiamare il CSS nei tag HEAD con:
<link rel="stylesheet" href="file_ext/matera.css">
Devo mettere anche qualcosa nel tag BODY per richiamarlo definirlo su un
testo particolare?
Ecco l'intero conice:
<html>
<head>
<title>La mia Matera</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_timelinePlay(tmLnName, myID) { //v1.2
  //Copyright 1997 Macromedia, Inc. All rights reserved.
  var
i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=fa
lse;
  if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  tmLn = document.MM_Time[tmLnName];
  if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr
ID
  if (myID == tmLn.ID) { //if Im newest
    setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
    fNew = ++tmLn.curFrame;
    for (i=0; i<tmLn.length; i++) {
      sprite = tmLn[i];
      if (sprite.charAt(0) == 's') {
        if (sprite.obj) {
          numKeyFr = sprite.keyFrames.length; firstKeyFr =
sprite.keyFrames[0];
          if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1])
{//in range
            keyFrm=1;
            for (j=0; j<sprite.values.length; j++) {
              props = sprite.values[j];
              if (numKeyFr != props.length) {
                if (props.prop2 == null) sprite.obj[props.prop] =
props[fNew-firstKeyFr];
                else        sprite.obj[props.prop2][props.prop] =
props[fNew-firstKeyFr];
              } else {
                while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm])
keyFrm++;
                if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
                  if (props.prop2 == null) sprite.obj[props.prop] =
props[keyFrm-1];
                  else        sprite.obj[props.prop2][props.prop] =
props[keyFrm-1];
        } } } } }
      } else if (sprite.charAt(0)=='b' && fNew == sprite.frame)
eval(sprite.value);
      if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  } }
}
function MM_initTimelines() {
    //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights
reserved.
    var ns = navigator.appName == "Netscape";
    document.MM_Time = new Array(1);
    document.MM_Time[0] = new Array(1);
    document.MM_Time["Timeline1"] = document.MM_Time[0];
    document.MM_Time[0].MM_Name = "Timeline1";
    document.MM_Time[0].fps = 15;
    document.MM_Time[0][0] = new String("sprite");
    document.MM_Time[0][0].slot = 1;
    if (ns)
        document.MM_Time[0][0].obj = document["Layer1"];
    else
        document.MM_Time[0][0].obj = document.all ? document.all["Layer1"] :
null;
    document.MM_Time[0][0].keyFrames = new Array(1, 15);
    document.MM_Time[0][0].values = new Array(2);
    document.MM_Time[0][0].values[0] = new
Array(34,39,45,51,56,61,67,72,78,83,89,94,100,105,111);
    document.MM_Time[0][0].values[0].prop = "left";
    document.MM_Time[0][0].values[1] = new
Array(15,38,60,83,105,128,150,173,196,218,241,263,286,308,331);
    document.MM_Time[0][0].values[1].prop = "top";
    if (!ns) {
        document.MM_Time[0][0].values[0].prop2 = "style";
        document.MM_Time[0][0].values[1].prop2 = "style";
    }
    document.MM_Time[0].lastFrame = 15;
    for (i=0; i<document.MM_Time.length; i++) {
        document.MM_Time[i].ID = null;
        document.MM_Time[i].curFrame = 0;
        document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
    }
}
//-->
</script>
<link rel="stylesheet" href="file_ext/matera.css">
<style type="text/css">
<!--
a:hover.effetto {  color: red; background-color: transparent;
text-decoration: underline}
a:active.effetto {  color: green; background-color: transparent;
text-decoration: underline}
a:link.effetto { color: blue; text-decoration: none}
a:visited.effetto { text-decoration: none}
-->
</style>
<link rel="stylesheet" href="file_ext/sottotitolo.css">
</head>
<body bgcolor="#FFFFFF" background="immagini/sfondo%20pagine.jpg"
onLoad="MM_timelinePlay('Timeline1')">
<div id="Layer1" style="position:absolute; width:473px; height:45px;
z-index:2; left: 34px; top: 15px; background-color: #CCCCFF;
layer-background-color: #CCCCFF; border: 1px none #000000"><img
src="immagini/unesco.gif" width="547" height="47"></div>
<div align="center">
  <table width="100%" border="0" cellspacing="5" cellpadding="5"
height="149">
    <tr>
      <td height="50%">
        <p align="center"><a class="effetto"
href="../page/ita/index1.html">Matera<br>
          la citt&agrave; dei<br>
          Sassi </a></p>
        </td>
      <td height="50%">
        <p align="center">Matera<br>
          the city of<br>
          Sassi</p>
        </td>
    </tr>
  </table>
  <table width="100%" border="0" cellspacing="5" cellpadding="5"
height="23">
    <tr>
      <td width="50%" height="164">Un viaggio attraverso il Web
nell'incantevole
        citt&agrave; dei due sassi.<br>
        Citt&agrave; antica dichiarata dall'UNESCO patrimonio
dell'umanit&agrave;.
      </td>
      <td width="50%" height="164">&nbsp;</td>
    </tr>
  </table>
</div>
</body>
</html>

 <link rel="stylesheet" href="file_ext/sottotitolo.css">
Ecco, cosi' come l'hai fatto la pagina vedra' TUTTI gli stili, sia quelli
dei due file che quelli contenuti nello <style> tenendo conto che "'ultima
definizione e' quella che vale", per cui se nell'ultimo file ridefinisci
qualcosa definita nel primo, sara' quella del secondo ad avere la
precedenza.
--
Laz
http://digilander.iol.it/sgrizzo
 - Romano Scarpa, IL Maestro
http://heinlein.cjb.net
 - Sito italiano su RAH
"Balabu'!"

 inserire due? "due testi separati"? Nella stessa pagina? Usa le classi.
OK...è andata per i CSS in linea....cmq tanto per sapere.....le classi si
possono usare solo per quelli in linea?
Non sapevo che fosse possibile utilizzarle per i file esterni!

 Non sapevo che fosse possibile utilizzarle per i file esterni!
Certo che si possono usare per i file esterni.. anzi per quelli in liena
non ha nemmeno senso parlare di "classi"! Una classe si ha quando fai
seguire da un punto e da un nome "di fantasia" un tag nel file esterno (o
nello <style>) che poi richiami nell'HTML con l'attributo "class" del tag.


 nello <style>) che poi richiami nell'HTML con l'attributo "class" del tag.
Ero convinto che fossero solo per i CSS in linea!
Quindi volendo richiamare uno dei due file.CSS nella prima tabella come
potrei fare?
Qui cosa faccio?
<link rel="stylesheet" href="file_ext/matera.css">
Per usare le classi farei:
<TABLE>
<TR>
<TD> <P class=".ciao">Matera la citt&agrave; dei Sassi</P>
</TD>
</TR>
</TABLE>
Oppure devo modificare il file.CSS?
O meglio posso richiamare l'intero file.css con le classi come nell'esempio
precedente?

 Oppure devo modificare il file.CSS?
La sintassi corretta intanto e' <p class="ciao">
E NEL FILE matera.css dev'esserci la seguente voce:
p.ciao { quello che e';}


 p.ciao { quello che e';}
Sono andato a vedere il file, quel bastardo di programma mi ha inserito sia
"p" che "body"! :-(((

 "p" che "body"! :-(((
E' per questo che preferisco scriverli con le mie manine...magari sbaglio
pure e do testate nel muro perchč non capisco l'errore se la cosa non
funziona ma una volta torvato almeno ho imparato qualcosina e al massimo me
la prendo con il mio cervello e non con un programma bastardo!!! ;o))