Come inserire una scrollbar in Web Designer 6 Create un rettangolo

Transcript

Come inserire una scrollbar in Web Designer 6 Create un rettangolo
Come inserire una scrollbar in Web Designer 6
Create un rettangolo all'interno della pagina del progetto (attenzione: le dimensioni del rettangolo
non influiscono sulle dimensioni di grandezza del testo finale). Cliccate con il tasto destro sul
rettangolo e selezionate la voce Proprietà Web/segnaposto.
Selezionate la voce “Sostituisci con codice html” ed inserite il seguente codice:
<html>
<head>
<body>
<center>
<p>
<div style="width:600px;height:400px;overflow-y:auto;overflow-x:auto;border:1px solid black;">
<table cellpadding="4" cellspacing="1" width="100%" border=0>
<tr><td><span style="color:black;">
Testo completo
</span></td></tr></table>
</div>
</body>
</html>
Al posto di <center> potrete inserire <div align="left"> e il testo apparirà allineato a sinistra mentre
se lasciate <center> il testo sarà centrato.
Impostando altri valori di Width e Height potrete allargare ed allungare il quadro che contiene il
testo.
Se impostate invece altri valori in border:1px solid black (ovvere la cornice che raggruppa il testo)
potrete impostare diversamente la cornice, se impostate 0 px ad esempio sparirà del tutto la cornice,
se cambiate il colore Black otterrete un colore diverso.
Naturalmente al posto di “testo completo” dovrete inserire il vostro testo.
Cliccate su applica e su ok.
Effettuate un'anteprima della pagina.
Come vedete dall'ultima foto, il testo è centrato, in quanto ho lasciato nel codice html l'opzione
<center>. La grandezza e l'altezza del riquadro contenente il testo l'ho ridotta in quanto il mio testo
non era molto lungo. Come vedete potrete impostare come più preferite le varie impostazioni per il
vostro testo.
Buon divertimento.
Chiara Gasparini
Redazione Tecnica MAGIX