![]() | |
Creare tabelle con i bordi curvi
Le tabelle Html, per loro natura, hanno un aspetto poco aggraziato, anche la loro stilizzazione con l'ausilio dei fogli di stile Css non è delle più semplici, bisogna selezionare cella per cella il bordo, il suo spessore ed il suo colore, complicando non poco la vita dello sviluppatore. Popoliamo queste celle per dar vita alla nostra area di login: <table width="150" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"><img src="bordo_superiore.gif"></td> </tr> <tr bgcolor="#003366"> <td><font color="#FFFFFF">Username</font></td> <td><input type="text" size="10"></td> </tr> <tr bgcolor="#003366"> <td><font color="#FFFFFF">Password</font></td> <td><input type="password" size="10"></td> </tr> <tr> <td colspan="2" bgcolor="#003366" align="right"><input type="submit" value="Login"></td> </tr> <tr> <td colspan="2"><img src="bordo_inferiore.gif"></td> </tr> </table>ed ecco il risultato:
Nota: questo è un esempio basilare di come utilizzare questo metodo di stilizzazione delle tabelle, non sono infatti stati utilizzati attributi particolari agli elementi interni alla tabella, come i campi di input, ne i Tag <form> e </form> che consiglio si inserire in questo modo: <table width="150" cellpadding="0" cellspacing="0"> <form ...> <tr> ... ... </tr> </form> </table> I più cliccati della sezione Html
:: Impedire ad un testo di andare a capo in Html (37.385) :: Le tabelle Html (31.827) :: Formattazione del testo in Html (26.184) :: Referenze dei Tag Html (19.496) :: Guida XHTML (16.771) :: Struttura di un file Html (15.777) :: Inserire un'icona nella barra degli indirizzi di MSIE (14.121) :: Inserire le immagini in una pagina Html (11.710) :: Sovrapporre un'immagine ad un layer senza posizionamento assoluto (11.588) :: Ritorno a capo nei button di form Html (10.416) |
IN EVIDENZA
Referenze dei Tag Html
Pagamenti online con PayPal e PHP
Introduzione ad Ajax ed Asp con Jscri...
Riavviare IIS
Creare un sito responsive
DOWNLOAD
| ||||||||||||||||||||||