Visualizzazione dei risultati da 1 a 9 su 9

Discussione: css, tabelle

  1. #1

    css, tabelle

    Ciao a tutti

    Come faccio a far in modo che cambi colore una riga di una tabella quando il mouse si ferma sopra?

    Cla

  2. #2
    così:

    codice:
    <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> </td></tr> 
    <tr> 
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
    <center>home page<center> </td></tr> 
    <tr> 
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
    <center>news<center> </td></tr> 
    <tr> 
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
    <center>info<center> </td></tr> 
    <tr> 
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
    <center>portfolio<center> </td></tr></table> 
    </body> 
    </html>

  3. #3
    per completezza:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Menu con rollover bordi by herrel</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 {
    padding:6px;
    position:relative;
    display:block;
    font-size:10px;
    color: #061998;
    text-decoration: none;}
    td a:hover {
    display:block;
    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> </td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>home page<center> </td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>news<center> </td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>info<center> </td></tr>
    <tr>
    <td onMouseOver="this.className='due'" onMouseOut="this.className=''">
    <center>portfolio<center> </td></tr></table>
    </body>
    </html>

    nn è bello togliere il nome di chi ha fatto il lavoro....e sono 2!!
    Anche io leggo barze-bastarde
    Athlon 64 X2 4400@2500 daily - Zalman CNPS9500 - Asus A8n-Sli Premium - Crucial Ballistix Tracer PC4000 500mhz Sinc. - Sapphire Radeon X1900XT 512mb - Zalman VF900Cu - Seagate 320Gb 7200.10 - LG H22N 18x - T.t. Soprano - LcPower Titan 560W

  4. #4
    OK!

    ma l'altra volta nn mi avevi detto di mettere il tuo nome!

    Lo avrei messo senza problemi !

    la prossima volta lo metterò

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

    ma l'altra volta nn mi avevi detto di mettere il tuo nome!

    Lo avrei messo senza problemi !

    la prossima volta lo metterò
    Piero, MA QUANTE VOLTE TE LO DOBBIAMO RIPETERE DI NN SPACCIARE IL CODICE DEGLI ALTRI X IL TUO?!?!?!??!?!












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

  6. #6
    Originariamente inviato da Dr Mal
    Piero, MA QUANTE VOLTE TE LO DOBBIAMO RIPETERE DI NN SPACCIARE IL CODICE DEGLI ALTRI X IL TUO?!?!?!??!?!












    :gren:
    non lo ho mica spacciato per mio !

  7. #7
    Utente di HTML.it L'avatar di Dr Mal
    Registrato dal
    Apr 2002
    Messaggi
    2,536
    Originariamente inviato da piero06
    non lo ho mica spacciato per mio !
    EH, sembrava sottointeso....nn hai fatto allusione alcuna al fatto ke il codice lo avessi preso altrove e nn fosse farina del tuo sacco!!!! :gren:

    Cmq si skerza nn te la prendere!
    p.s.: attento a herrel ..... :gren:
    [Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]

  8. #8
    Originariamente inviato da Dr Mal
    EH, sembrava sottointeso....nn hai fatto allusione alcuna al fatto ke il codice lo avessi preso altrove e nn fosse farina del tuo sacco!!!! :gren:

    Cmq si skerza nn te la prendere!
    p.s.: attento a herrel ..... :gren:
    ok!

    la prossima volta mi ricordero di scrivere la "fonte" del codice !

    cmq : CIAO !

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

    la prossima volta mi ricordero di scrivere la "fonte" del codice !

    cmq : CIAO !
    BRAVO!
    cosi' si fa! :gren:
    [Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]

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.