Visualizzazione dei risultati da 1 a 8 su 8

Discussione: Div e Classe

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218

    Div e Classe

    Vorrei che qualcuno mi spiegasse una cosa, che purtroppo non sono riuscito a capire tramite guide e prove.

    Se io ho un selettore:

    .table{}
    .td{}
    #cont{}

    O simili con delle caratteristiche, ma voglio che in un certo blocco le abbiano differenti come faccio? Creo una classe e poi?

    td.cont{}

    Non va bene così.
    Come posso fare?

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349

    Re: Div e Classe

    Originariamente inviato da TheBestNeo
    Vorrei che qualcuno mi spiegasse una cosa, che purtroppo non sono riuscito a capire tramite guide e prove.

    Se io ho un selettore:

    .table{}
    .td{}
    #cont
    innanzitutto, è bene non assegnare a id o classi lo stesso nome di un elemento

    O simili con delle caratteristiche, ma voglio che in un certo blocco le abbiano differenti come faccio? Creo una classe e poi?

    td.cont{}

    Non va bene così.
    Come posso fare?
    non va bene, se chiami nell'html un id (#cont --> <td id="cont">) e poi lo richiami come classe (.cont) nel css.

    Tieni anche presente la funzione dell'uno e dell'altro:
    id è un identificatore univoco, può essere usato una sola volta nella pagina
    class serve quando devi applicare lo stesso stile a più elementi nella pagina

    Cyà

  3. #3
    Ti conviene differenziare direttamente le tipologie

    codice:
    table.tabella
    {
    ...
    }
    td.classeA
    {
    ...
    }
    td.classeB
    {
    ...
    }
    h2.classeA
    {
    ...
    }

    codice:
    <h2 class="classeA"></h2>
    <table class="tabella">
       <td class="classeA"></td>
       <td class="classeB"></td>
       <td class="classeA classeB"></td>
    </table>
    In questo modo, la prima colonna avrà le caratteristiche SOLO di td.classeA, la seconda SOLO di td.classeB mentre la terza di entrambe, stando attenti a che non si sovrappongano. H2 te l'ho aggiunto come esempio, perchè non sarà interessato da td.classeA ma da h2.classeA.

    Cerco ombrello vecchio, nuovo, moderno o antidiluviano; purché protegga da una pioggia che vien giù come Dio la manda. Fate presto che ho l’acqua alla gola. (Noè)

    C# programming and other stuffs

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Tenendo conto di non agire sull'html.
    Si può assegnare stili attraverso il css?

    Esempio 2 tabelle con la stessa classe.
    La seconda però voglio che abbia le scritte di colore rosso perchè è dentro ad un altro contenitore.
    C'è modo tramite il solo CSS di dire:
    le tabelle contenute nel contenitore x avranno la scritta rossa?

  5. #5
    Originariamente inviato da TheBestNeo
    Tenendo conto di non agire sull'html.
    Si può assegnare stili attraverso il css?

    Esempio 2 tabelle con la stessa classe.
    La seconda però voglio che abbia le scritte di colore rosso perchè è dentro ad un altro contenitore.
    C'è modo tramite il solo CSS di dire:
    le tabelle contenute nel contenitore x avranno la scritta rossa?
    codice:
    #cont table
    {
    color: #ff0000;
    }
    Cerco ombrello vecchio, nuovo, moderno o antidiluviano; purché protegga da una pioggia che vien giù come Dio la manda. Fate presto che ho l’acqua alla gola. (Noè)

    C# programming and other stuffs

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Grazie era all'incirca quello che volevo sapere!

  7. #7
    Originariamente inviato da TheBestNeo
    Grazie era all'incirca quello che volevo sapere!
    prego
    Cerco ombrello vecchio, nuovo, moderno o antidiluviano; purché protegga da una pioggia che vien giù come Dio la manda. Fate presto che ho l’acqua alla gola. (Noè)

    C# programming and other stuffs

  8. #8
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Ehm... Posso chiederti anche come mai non mi funge questo codice?

    codice:
     #main_cont table td{
    width: 350px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-table;
    }
    Mi restringe la tabella ma a piacere...
    Main_cont è il contenitore.

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.