Tabelle con scroll - Abbonizio.com

Grafica Web e dintorni
Vai ai contenuti
Risorse web > Codici Tabelle html
CREARE UNA TABELLA CON SCROLL "Table scrollbar html"
Dedicato a tutti coloro che trattano per la prima volta il linguaggio HTML




Di seguito i codici per creare una tabella scroll con relative spiegazioni.

Nelle nostre table possiamo mettere una scrollbar per farci entrare tutto ciò che avevate in mente, (lunghi testi
o tante immagini) o semplicemente per un fatto estetico. Ovviamente, potrete modificare il testo (o immagini)
inserite nella scrollbar tramite l’utilizzo dei codici HTML.

Box semplice (sfondo trasparente):

<div style="border-right: black 1px solid; border-top: black 1px solid; overflow-x: scroll; overflow-y: scroll; border-left: black 1px solid; width: 200px; border-bottom: black 1px solid; height: 120px">
<table cellSpacing=1 cellPadding=4 width="200" border=0>
<tbody></tbody>
</table></div></div>



Box scroll verticale (sfondo trasparente):

<div style="width:200px;
height:80px;overflow-y: scroll; border:;">SPAZIO PER SCRIVERE IL TUO TESTO</div>



Box semplice (sfondo colorato):


<table width="200" style="background-color:#ffff00; border:2px solid #336600; margin-right: auto;" margin-left: auto; bgcolor="#ffff66" cellspacing="3" cellpadding="3">
<tr>
<td style="text-align: center; font-family:verdana; font-size: 8pt; color: #9900ff">
<div style="width:200px; height:80px; overflow-y: scroll;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ff3300;
scrollbar-darkshadow-color :#ffffff;
scrollbar-arrow-color:#ff3300;
scrollbar-face-color:#ffcccc;
scrollbar-shadow-color:#ffb3ca;
scrollbar-track-color:#ffffff">
Spazio per il tuo testo o immagine</div>

</td>
</tr>
</table>



Parametri per lo scroll:
<div style="width:#***px; height:#***px;
overflow-y: scroll;">
Apertura del div, parametri per larghezza,
altezza e scroll orizzontale
scrollbar-3dlight-color:#xxxxxx; Rende tridimensionale bordo superiore e sinistro
scrollbar-darkshadow-color :#xxxxxx; Rende tridimensionale bordo inferiore e destro
scrollbar-arrow-color:#xxxxxx; Colora i triangolini
scrollbar-face-color:#xxxxxx; Colora la barra
scrollbar-track-color:#xxxxxx" Colora lo sfondo
scrollbar-highlight-color:#xxxxxx; Colora il bordo superiore e sinistro
scrollbar-shadow-color:#xxxxxx; Colora il bordo inferiore e destro
Testo </div> Spazio per il testo e chiusura del div



Grafica web e dintorni
<º))))><.·´¯`·.   -♥-   Google PageRank        CSS Valido!         sito protetto         Licenza Creative Commons   -♥-   ¸.·´¯`·.¸><((((º>
www.Abbonizio.com è on-line dal 30.04.2013, grazie a tutti gli amici che sono passati a trovarci!
E' vietata la riproduzione totale o parziale senza espressa autorizzazione. Copyright © 2012- www.abbonizio.com
Torna ai contenuti