Visualizzazione dei risultati da 1 a 9 su 9

Discussione: Problemi con class

  1. #1

    Problemi con class

    Salve. Ho cominciato ad usare i css da poco tempo.

    Ho un problema. Vorrei impostare il testo centrato per alcune scritte della pagina web ma non per tutte, Allora siccome c'è un css esterno ("COMUNE.css") richiamato nella testa del sorgente che impone al testo del tag

    di allinearsi a sinistra, ovviamente succede che questo css comanda l'allineamento del testo di tutta la pagina. Questo è un problema che dovrebbe risolversi con l'uso di una class nella testa del documento in cui il tag

    ha l'attributo align con valore center. In realtà il testo che vorrei centrare resta allineato a sinistra.

    Questo è il codice del sorgente:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <META content="text/html; charset=windows-1252" http-equiv=Content-Type>
    <HTML>
    <head>
    <link rel="stylesheet" href="css\COMUNE.css" type="text/css">
    <style type="text/css">
    .testocentrato{
    p: align:center
    }
    </style>
    </head>
    .
    .
    .
    .
    .
    .
    .
    .
    <div style="align: center; margin-top:55%">
    <p class="testocentrato">
    TESTO DA CENTRARE
    </p>
    <div style="margin: 2% 0% 0% 0%">
    [img]IMMAGINE1.JPG[/img]
    [img]IMMAGINE2.JPG[/img]
    </div>
    </div>

    La class si chiama "testocentrato".

    Grazie.

    Ciao.

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    sta cosa qua è sbagliata

    .testocentrato{
    p: align:center
    }

    devi mettere

    p.testocentrato{
    text-align:center;
    }

  3. #3
    Sì infatti lo sospettavo. La coppia di 2 punti uno di seguito all'altro non poteva che essere sbagliata. Allora io non ho capito una cosa concettuale. Io pensavo che la class si definisse con ".nomedellaclasse." nella testa del documento. Che c'entra p davanti?

    Semmai p.nomedellaclasse è una possibile maniera per introdurre il tag p formattato nella class; si potrebbe introdurre anche così <p class="nomedellaclasse">....</p>.

    Forse ho letto male la guida? A me è parso così.

    Comunque ti ringrazio per l'aiuto.

    Ciao.

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    sì, diciamo che se metti solo .testocentrato{regole varie} tutti i tag che avranno assegnata quella classe seguiranno le regole specificate; se metti p.testocentrato, solo i p che hanno quella classe seguiranno le regole.
    Nel tuo caso puoi mettere entrambe le cose ed è uguale; l'errore stava nel mettere il p dentro la regola e nel fatto che non c'è una proprietà che si chiama align.

  5. #5
    Scusami, per curiosità; mi puoi dire (mi permetto di darti del tu) come si fa se voglio applicare un class a vari tag tra cui anche il tag p visto che p non si può mettere dentro la regola (l'hai detto tu).?

    Ciao.

  6. #6
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    per applicare una classe devi assegnarla nell'html all'elemento che ti interessa

    <p class="pippo">
    questo testo sarà rosso
    </p>



    questo testo sarà blu
    </p>
    <div class="pippo">
    questo sarà rosso
    </div>


    e gli stili

    .pippo{
    color:#f00;
    }

    p{
    color:#00f;
    }

  7. #7
    Dunque non è possibile includere in una class più tag diversi ma una class va assegnata ad un solo tag della pagina.

    Grazie per l'aiuto.


    Ciao.

  8. #8
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    chi lo ha detto? io ho assegnato la class pippo a due oggetti diversi; a un

    e a un <div>

    Gli id devono essere assegnati a un unico oggetto.

  9. #9
    Va bene. Ho capito. Ciao.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.