Newsgroup: it.comp.www.html
Titolo: css  se scrivo stile dentro tag funziona se richiamo stile no

ho un div con dentro una lista
<ul>
   <li> ............................. </li>
   <li> <p> .....................</p> </li>
   <li> <p richiamostilequi>..... </p> </li>
   ...
</ul>
gli elementi <li> e <p> hanno uno stil definito inapposito foglio stile
cariacto poi con import;
con <li>
e <li> <p>
riesco ad avere 2 stili dentro la lista degli elementi (questo per 
differenziare una riga da un'altra)
ora per aggiungere un altro stile sempre dentro la lista, avevo pensato 
di creare un mio tag del tipo
<li> <miotag> .............. </miotag> </li>
con un suo stile specifico:
la fregatura è che IE non riconosce un tag personalizzato e quindi non 
posso applicare lo stile
allora ho pensato di usare il tag <p> applicandogli uno stile in modo 
diretto in modo da sovrascrivere lo stile standard del tag <p> quando 
voglio avere un mio terzo stile.
<li> <p richiamostilequi>..... </p> </li>
se richiamostilequi lo scrivo a mano tipo style="background:blue;" 
funziona, mentre non funziona se lo stile è semplicemente richiamato
facendo riferimento ad un foglio stile esterno:
<li> <p class="miostile">..... </p> </li>
non funziona
PERCHE?
-------------GRAZIE--------------

 se richiamostilequi lo scrivo a mano tipo style="background:blue;"
la forma corretta è style="background-color:#0000FF;", quindi anche nei css
quando definisci una classe.
ciao,
Luca(riello)

arreeess, in data 12/06/2004 1.13, ha occupato banda con questi byte:

Comincia a togliere il tag <p> all'interno della lista. Utilizza il tag 
<span></span> per creare degli stili personalizzati per ogni elemento 
della lista, ad esempio:
<li><span class="stile1">.....</span></li>
<li><span class="stile2">.....</span></li>
<li><span class="stile3">.....</span></li>
<li class="stile4><span class="stile5">.....</span></li>
Non puoi inserire tag personalizzati senza creare un DTD a cui il 
browser deve far riferimento. In questo caso non soltanto IE, ma tutti i 
browser non visualizzerebbero il tag da te inserito.
-- 
Spirito Libero
Siamo tutti un po' abusivi a questo mondo...
(Non mettere il sale se vuoi rispondermi!)

 [cut] e voglio assegnare stili diversi agli elementi di questa lista...
Invece di inventare nuovi tag (ce ne sono gią abbastanza), si definisce uno
stile (una classe) da applicare direttamente agli elementi della lista,
quindi:
<ul>
    <li class="interessante">Elemento della lista</li>
    <li class="testoverde">Altro elemento</li>
    <li class="schifezza">Elemento poco interessante</li>
    <li class="interessante">Anche questo č abbastanza interessante</li>
</ul>
e nel foglio di stile (esempio)
li.interessante {
    font-weight: bold;
}
li.testoverde {
    color: green;
}
li.schifezza {
    color: blue;
    border: 5px solid yellow;
    background-color: red;
    font-size: 100px;
}
-- 
Nello Polesello
Per le risposte in mail sono libero, non occupato.

 browser non visualizzerebbero il tag da te inserito.
se la lista viene inserita dentro un div cosě:
<div id="stile_del_div"
     <ul id="stile_del_ul">
            <li>  .......   </li>
            <li>  .......   </li>
            <li>  .......   </li>
     </ul>
</div>
3) la soluzione migliore per avere piu' stili negli elementi č quella da 
te indicata oppure quella di Polesello, e per quali motivi?
4)č giusto usare ID per il <div> e per <ul> e invece CLASS per <span>
o <li>; e per quale motivo?
5)
ho un foglio style con
#stile_del_div {...}
#stile_del_div a:hover {...}
perchč topstyle segnala il seguente errore:
- Pseudo-class :hover isn't supported by this style definition
6)
(per gli underscore ora ho capito che non vanno usati)
ci sono altri caratteri da non usare? e relativa lista ?
7) inoltre c'č una lampadina con:
In MSIE6 height and width are calculate differently depending on whether
standards-compliant mode is enabled
ora cosa significa esattamente questo: cioč so che tra IE e NNetscape
c'č differenza tra margin e padding etc.., ma qui indica solo IE6.
C'č un sito con esempi semplici e chiari dove si parla proprio di tali 
argomenti: come poter personalizzare gli elementi di una lista
e quando usare ID o CLASS e come si scrive lo stile se il foglio stile 
deve essere importato tramite @import.

grazie per il chiarimento, ringrazio anche Spirito Libero,
pero' secondo te ci sono differenze rispetto alla soluzione di Spirito 
Libero?
potresti chiarirmi altre cose indicate sul post dov erispondo S. Libero ?

 deve essere importato tramite @import.
Come no:
http://pro.html.it/articoli/id_413/idcat_8/pag_1/pag.html
del nostro SantaKlauss!


 grassetto, ecc.
ho trovato sul sito html questo descrizione:
Se uno stile va applicato ad un solo specifico elemento usate un ID.
Se invece prevedete di usarlo più volte ovvero su più elementi definite 
nel CSS una classe.
Pero' se ho:
<li>
  <p>
  <p>
  <p>
<li>
e applico id a tutti e tre, lo stile verrà applicato a tutti e tre.
Non capisco quale è la differenza con una classe.
Dalla descrizione fatta sul sito html credevo che se uno stesso id si 
utilizza piu' volte, solo il primo fosse valido e non i successivi.

 
Cosi' e'. Ripeto, l'id identifica uno stile univoco nella pagina come un 
menu (non esistono due menu che hanno le stesse funzioni), una porzione 
di testo, un form, ecc. La classe identifica una classe di elementi con 
caratteristiche simili, come testi formattati in maniera particolare 
(pensa ad una tabella con i valori positivi in verde e quelli negativi 
in rosso).


 utilizza piu' volte, solo il primo fosse valido e non i successivi.
La differenza č che un ID si puň applicare ad un solo elemento nella 
pagina in quanto č univoco.. una classe invece si puň applicare a piů 
elementi.
Lo stile viene applicato comunque ma per rimanere fedeli alle direttive 
se uno stile si presenta piů volte in una pagina si deve dichiarare una 
classe.