Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    254

    pulsante in un td strategia migliore

    Buon giorno,
    non sapevo bene cosa scrivere nel titolo perchè in realtà non so bene cosa voglio:

    Ho una tabella html; una colonna della tabella deve essere cliccabile e dunque vorrei rendere il background del td simile ad un bottone.

    Mi piacerebbe poterlo fare senza usare immagini ma non conosco così bene il linguaggio css per poterlo realizzare.

    In alternativa sto usando un'immagine ma non riesco a ridimensionarla in modo che venga visualizzata nella dimensione del td e non quella dell'immagine:

    codice:
    .bottone_da_premere{
       background: url("btnNormal.png") no-repeat 100% 100% ;   
       cursor: pointer;     
       display: inline-block;   
    }
    <td class="bottone_da_premere">Premi</td>
    Il problema è che l'mmagine conserva le sue dimensioni.

    Riassumendo chiedo aiuto sul ridimensionamento dinamico dell'immagine;
    in alternativa, se si riesce a create un effetto con un
    codice:
    background-color:#CCCCCC;
    aggiungendo altre informazioni per creare un altorilievo, cioè qualcosa che dia l'idea di un pulsante sarebbe ancor meglio.

    Grazie Angelo.

  2. #2
    Ciao credo che questo esempio possa aiutarti:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    .tdbutton {
    background-color: #CCC;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #FFF;
    cursorointer;
    }
    body {
    background-color: #333;
    }
    </style>
    </head>
    <body>
    <table width="700" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="350" align="center" valign="middle" bgcolor="#990033" class="tdbutton" onclick="alert('ciao')">CLICCAMI</td>
    <td width="350" bgcolor="#FFFFFF"></td>
    </tr>
    </table>
    </body>
    </html>

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    254
    Era proprio ciò che intendevo, soluzione estremamente migliore dell'immagine in bk.

    Grazie infinite.

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.