Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Css diverso x <tr>

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2002
    Messaggi
    1,786

    Css diverso x <tr>

    Salve,

    Ho una pagina che fa ricorso a un css esterno, fin qui tutto ok.

    solo che vorrei fare uno stile diverso solo per una cella (<tr>) con i seguenti tag: body, table, a:link, a:visited, a:hover, a:active

    mattere lo stile su un css esterno e applicarlo solo a una cella della mia pagine.

    come devo fare ?

    mi postate x favore un esempio ?

    grazie !
    [Scambio Links a Tema] Contattatemi in Privato x + Info.

  2. #2
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    calma calma... stai facendo un po' di confusione...

    una cella di una tabella è <td>, <tr> è la riga

    gli attributi ke puoi specificare riguardo alla cella sono di spaziatura e area, posizione, font, background, bordi

    quindi se è UNA sola cella in una pagina fai così:

    <td id="TUOID">

    e lo richiami nel css con

    #TUOID
    {
    /* attributi */
    }

    se invece hai + celle nella stessa pagina dove applicare sto stile fai:

    <td class="TUACLASSE">

    .TUACLASSE
    {
    /* attributi */
    }

    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2002
    Messaggi
    1,786
    allora, io ho fatto:

    1)ho incluso il css esterno così:
    codice:
    <link href="stile_news.css" rel="stylesheet" type="text/css">
    2) ho modificato la cella così:
    codice:
    <tr id="id_news">
    3) ho fatto il css così:
    codice:
    #id_news 
    { 
       body {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	font-style: normal;
    	line-height: normal;
    	font-weight: normal;
    	font-variant: normal;
    	color: #000000;
    	text-decoration: none;
       }
       
       table {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	font-style: normal;
    	line-height: normal;
    	font-weight: normal;
    	font-variant: normal;
    	color: #000000;
    	text-decoration: none;
       }
    
       a:link {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	font-style: normal;
    	line-height: normal;
    	font-weight: normal;
    	font-variant: normal;
    	color: #000000;
    	text-decoration: underline;
       }
    
       a:visited {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	font-style: normal;
    	line-height: normal;
    	font-weight: normal;
    	color: #000000;
    	text-decoration: underline;
       }
    
       a:hover {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	font-style: normal;
    	line-height: normal;
    	font-weight: normal;
    	font-variant: normal;
    	color: #FF0000;
    	text-decoration: underline;
       }
    
    }
    ma mi applica a tutta la pagina lo stile, oltre alla cella che voglio io

    cosa devo fare x applicare lo stile solo alla cella che voglio io ?
    [Scambio Links a Tema] Contattatemi in Privato x + Info.

  4. #4
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    ti è mai capitato di mettere il tag body all'interno della cella??

    <td><body></body></td>

    non si può fare

    #id_news
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    text-decoration: none;
    }

    #id_news a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    text-decoration: underline;
    }

    #id_news a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
    }

    #id_news a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FF0000;
    text-decoration: underline;
    }

    #id_news a
    significa: x i tag <a> presenti nell'elemento ke ha come ID ID_NEWS
    capito?

    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2002
    Messaggi
    1,786
    Grazie mille Francis87, e scusami x la mia ignoranza

    buona domenica
    [Scambio Links a Tema] Contattatemi in Privato x + Info.

  6. #6
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    Originariamente inviato da unreg
    Grazie mille Francis87, e scusami x la mia ignoranza

    buona domenica
    siamo qua x imparare!

    ciauz!

    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

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.