Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: Creare delle classi

  1. #1

    Creare delle classi

    Una domanda semplice semplice:

    come si creano le classi ?

    ciao

  2. #2
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    Ciao piero06,

    le "classi" in che contesto? CSS?

  3. #3
    Esattamente !

    Credo servano tipo a limitarne l'effeto .Ma come si fanno ?

    ciao

  4. #4
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    limitare l'effetto??? Che effetto :master:
    una classe la crei così
    <style>
    .NomeClasse
    {
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    ecc....
    }
    </style>
    e poi la usi così
    <span class="NomeClasse">testo con css</span>

  5. #5
    GRAZIE

    In senso limitare l'effetto :
    cioè che se io ad esmpio faccio un css per una tabella per limitare l'effetto del css non su tutte le celle bensì solo in quella in cui c'è la classe.

    ciao

  6. #6
    Utente di HTML.it L'avatar di Dr Mal
    Registrato dal
    Apr 2002
    Messaggi
    2,536
    Originariamente inviato da piero06
    GRAZIE

    In senso limitare l'effetto :
    cioè che se io ad esmpio faccio un css per una tabella per limitare l'effetto del css non su tutte le celle bensì solo in quella in cui c'è la classe.

    ciao
    Esatto! puoi creare tante classi x altrettante tabelle o x altrettanti tag.

    [Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]

  7. #7
    Utente di HTML.it
    Registrato dal
    Dec 2001
    Messaggi
    3,259
    Originariamente inviato da piero06
    GRAZIE

    In senso limitare l'effetto :
    cioè che se io ad esmpio faccio un css per una tabella per limitare l'effetto del css non su tutte le celle bensì solo in quella in cui c'è la classe.

    ciao
    si si... con un paio di classi te la cavi

  8. #8
    OK, ma ad esmpio in questo esempio ( che bella ripetizione ! :gren: ):

    <html>
    <head>
    <title>Menu con rollover bordi</title>
    <style>
    table {
    border: 1px solid black;}
    td {
    height: 25px;
    border: 1px solid white;
    font-family: verdana;
    font-size: 10px;
    background:white;}
    td a:link {
    position:relative;
    display:block;
    font-size:10px;
    color: #061998;
    text-decoration: none;}
    td a:hover {
    position:relative;
    font-size:10px;
    color: #4ebafa;
    text-decoration: none;}
    td a:visited {
    font-size:10px;
    color: #4ebafa;
    text-decoration: none;}
    .due {
    border: 1px solid black;
    background:#b1f3e4;}

    </style>

    </head>

    <body>

    <table width=150 height=70 border=0>
    <tr><td style="background:#d0cece;"><center>:: menù ::<center> </center></center> </td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>home page<center> </center></center></td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>news<center> </center></center></td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>info<center> </center></center></td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>portfolio<center> </center></center></td></tr></table

    <table>
    <tr>
    <td>Ciao belli </td>
    </tr>
    </table>

    </body>
    </html>

    La prima tabella vorrei che si adegui al css mendre la seconda "ciao belli " no . Come faccio ?

    ciao

  9. #9
    Utente di HTML.it L'avatar di Dr Mal
    Registrato dal
    Apr 2002
    Messaggi
    2,536
    Originariamente inviato da piero06
    OK, ma ad esmpio in questo esempio ( che bella ripetizione ! :gren: ):

    <html>
    <head>
    <title>Menu con rollover bordi</title>
    <style>
    table {
    border: 1px solid black;}
    td {
    height: 25px;
    border: 1px solid white;
    font-family: verdana;
    font-size: 10px;
    background:white;}
    td a:link {
    position:relative;
    display:block;
    font-size:10px;
    color: #061998;
    text-decoration: none;}
    td a:hover {
    position:relative;
    font-size:10px;
    color: #4ebafa;
    text-decoration: none;}
    td a:visited {
    font-size:10px;
    color: #4ebafa;
    text-decoration: none;}
    .due {
    border: 1px solid black;
    background:#b1f3e4;}

    </style>

    </head>

    <body>

    <table width=150 height=70 border=0>
    <tr><td style="background:#d0cece;"><center>:: menù ::<center> </center></center> </td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>home page<center> </center></center></td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>news<center> </center></center></td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>info<center> </center></center></td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>portfolio<center> </center></center></td></tr></table

    <table>
    <tr>
    <td>Ciao belli </td>
    </tr>
    </table>

    </body>
    </html>

    La prima tabella vorrei che si adegui al css mendre la seconda "ciao belli " no . Come faccio ?

    ciao
    .alternate {font-family: verdana; font-size: 16px; font-color: red;}

    Inserisci questa classe nel tuo css e poi rikiamalo:

    <td class="alternate">ciao belli</td>

    [Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]

  10. #10
    Grazie, ecco era proprio il richiemo che non avgevo idea di come farlo!

    GRAZIE !

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.