Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    19

    CSS incompatibile con alcuni elementi

    Scusate il doppio post ma il primo, ahime, è stato chiuso.
    Ho già fatto le mie scuse a chi di dovere e prima di esporvi, di nuovo, il mio problema vorrei porgerle anche a voi.

    Riprendendo il mio topic:

    Salve a tutti amanti dei CSS !
    Ho un problema semplice semplice con i suddetti fogli che mi stà rodendo l'anima !

    Stò costruendo un sito in puro HTML con diversi paragrafi.
    Il tag del paragrafo è

    (per chi non lo sapesse ) e per formattarne il contenuto invece che:

    <p style="font-size: 13; color: blue; font-family: Arial Rounded MT Bold, Lucida Sans Unicode;">

    vorrei utilizzare un foglio di stile esterno:

    <style type="text/css">
    .Testo {color:blue;font-size: 10px; font-family: Arial Rounded MT Bold, Lucida Sans Unicode;}
    .Titoli {color: red; font-size: 20px; font-family:Arial Rounded MT Bold, Lucida Sans Unicode; }

    </style>

    --------------------------------------------------------------------------

    <html>
    <head>
    <link rel="Stylesheet" href"esempio.css" type="text/css">
    </head>

    <body>
    <h1 class="Titoli"> Ciao ! </h1>
    <p class="Testo"> Aiutatemi !!!! </p>
    </body>
    </html>

    __________________________________________________ ____________________

    Adesso ... che voi ci crediate o no ... l'elemento h1 della classe Titoli funziona perfettamente ... l'elemento p della classe Testo no !!!


    Dove sbaglio ?

    PS: uso Firefox

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    19

    Re: CSS incompatibile con alcuni elementi

    Originariamente inviato da T.Stark

    vorrei utilizzare un foglio di stile esterno:

    <style type="text/css">
    .Testo {color:blue;font-size: 10px; font-family: Arial Rounded MT Bold, Lucida Sans Unicode;}
    .Titoli {color: red; font-size: 20px; font-family:Arial Rounded MT Bold, Lucida Sans Unicode; }

    </style>
    Facendo qualche prova ho scoperto che nel seguente modo FUNZIONA:

    <style type="text/css">

    .Testoz{color:black}
    .Testo {color:blue;font-size: 10px; font-family: Arial Rounded MT Bold, Lucida Sans Unicode;}
    .Titoli {color: red; font-size: 20px; font-family:Arial Rounded MT Bold, Lucida Sans Unicode; }

    </style>

    In pratica ... aggiungendo una riga di alcun valore prima la classe Testo funziona correttamente.
    Tuttavia vorrei sapere perchè !!

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2007
    Messaggi
    231
    Premetto che non sono espertissimo....
    Ma mi sembra strano che sia questa la soluzione...
    Prova a racchiudere il codice css tra commento

    [CODE]
    <style type="text/css">

    <!--

    .Testo {color:blue;font-size: 10px; font-family: Arial Rounded MT Bold, Lucida Sans Unicode;}
    .Titoli {color: red; font-size: 20px; font-family:Arial Rounded MT Bold, Lucida Sans Unicode; }

    -->

    </style>

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2007
    Messaggi
    231
    codice:
    <style type="text/css">
    
    <!-- 
    
    .Testo {color:blue;font-size: 10px; font-family: Arial Rounded MT Bold, Lucida Sans Unicode;}
    .Titoli {color: red; font-size: 20px; font-family:Arial Rounded MT Bold, Lucida Sans Unicode; }
    
    -->
    
    </style>

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    19
    Penso di aver ovviato a quel problema.
    Credo che fossero i commenti che invece di andar scritti con la sintasi andavano scritti così /* ... */

    Tuttavia mi si è presentato un'altro problema relativo alle tabelle.
    Ho implementato il seguente codice:

    codice:
    td.Col2 { 
    colspan: 2;
    text-align: center;
    vertical-align: middle; }
    quando vado a richiamarlo non mi unisce le colonne ... PERCHE' ?!?!?

    Stessa cosa accade per align.

    Se faccio:

    codice:
    table.Tabella1 {align: center;}
    quando vado a richiamare la tabella di classe Tabella1 noto che la tabella non è al centro come desiderato ma è nella posizione di default.

    La mia prima risposta, da noob in materia, è che gli attributi degli elementi HTML non sono tutti compatibili con CSS. Dico un'eresia ?

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2007
    Messaggi
    231
    se intendi dire che non hanno la stessa sintassi, la risposta è : NO, la sintassi è diversa: infatti "colspan" non esiste in CSS . Devi usare la proprietà:

    codice:
    border-collapse: collapse;
    per unire le colonne.

    idem per la proprietà "align", non esiste in CSS; devi usare le proprietà "margin-right" e/o "margin-left".

    Anch'io ho iniziato da poco a usare CSS; ti giuro che se dai un lettura alle guide di HTML.IT impari già molte cose utili e importanti.

    Leggi qui.


  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2007
    Messaggi
    231
    Scusa ho sbagliato a mettere il link...

    Leggi qui.


  8. #8
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    19
    Avevo già dato un'occhiata veloce ma poi ci ho riunciato perchè non mi piaceva molto come è stata impostata la guida. Comunque adesso tornerò sui miei passi e vedrò di finire le lezioni !

    Grazie ancora !

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.