[HTML] Codici per le scrollobar e guida all’uso



Nella realizzazione di un sito HTML, potreste avere bisogno di una scrollbar per vari motivi: ad esempio, nell’avere una tabella di cui un’area sia magari troppo schiacciata per farci entrare ciò che avevate in mente, o semplicemente per un fatto estetico, la scrollbar è la soluzione giusta.

Normalmente, il codice più semplice per inserirla nel vostro sito è:

<table>
<td><div style=”overflow:auto; height:250″>

TESTO

</div></td>

</table>

Dove height altro non è che l’altezza della Scrollbar. Questo tipo di scrollbar, prenderà tutta la larghezza della cella dove la inserirete (o quella prestabilita all’inizio nel foglio HTML) ed è quindi consigliata se usata in una tabella.

Altrimenti, dovrete usare quest’altro codice:

<div style=”width:200px;height:100px;overflow-y: scroll; border:1px solid black;”>

TESTO

</div>

In quest’altra tabella, potrete modificare altezza (Height), larghezza (width), bordi e colore di essi (Border)

Ovviamente, potrete modificare il testo (o immagini) inserite nella scrollbar tramite l’utilizzo dei normali codici HTML. Ad esempio, potrebbe essere utile far iniziare il testo 1 o 2 pixel dopo il bordo della barra, per un fatto puramente estetico.

Spero che questa guida vi sia stata utile, per problemi, inserite pure commenti, vi risponderò più velocemente possibile.

Anteprima Scrollbar

Nel mezzo del cammin di nostra vita
mi ritrovai per una selva oscura,
ché la diritta via era smarrita.
Ahi quanto a dir qual era è cosa dura
esta selva selvaggia e aspra e forte
che nel pensier rinova la paura!
Tant’è amara che poco è più morte;
ma per trattar del ben ch’i’ vi trovai,
dirò de l’altre cose ch’i’ v’ho scorte.
Io non so ben ridir com’i’ v’intrai,
tant’era pien di sonno a quel punto
che la verace via abbandonai.
Ma poi ch’i’ fui al piè d’un colle giunto,
là dove terminava quella valle
che m’avea di paura il cor compunto,
guardai in alto, e vidi le sue spalle
vestite già de’ raggi del pianeta

Annunci sponsorizzati:
Condividi su Facebook Condividi su Twitter!
  • nik84

    grazie, mi mancava infatti il codice per la scrollbar, grazie davvero.

  • mery

    Benvenuti in mondo pieno di sogni

  • potresti spiegarti meglio?

Pinterest