Non è una faccenda complicatissima; e si presta anche bene per introdurti a javascript, tranquilla.
Processa questo;
vale a dire, lasciando stare Editors "spaziali" (Dreamweaver & Co.), che non so come procedi abitualmente, apri il Blocco Note (o Note Pad) di Windows,
  START => Tutti i programmi => Accessori, Text-Edit se hai MAC,   e ci fai copia-incolla del Codice;
quindi, da   File => Salva con nome...   e ci scrivi   nomechevuoi.html
poi ti vai a rivedere il file a Browser.
codice:
<!DOCTYPE html PUBLIC>
<html>
<head><meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<title>EmmeKappa - 1</title>
</head>
<body>
<div id="campo" style="width: 100%;">
È necessario un forte revisionismo storico, A. Einstein non ha scoperto un bel niente, fate ricerche per
"Olinto DE PRETTO"
e per
"Matteo MATTEOTTI Dietro la morte di mio padre c' era il Re"
</div>
</body>
</html>
Il testo è contenuto in un DIV (division) Element, cui abbiamo assegnato uno STYLE che gli conferisce una larghezza di default e, molto importante, un id
È grazie all' ID che consentiremo ad una istruzione javascript, di individuare quel determinato Elemento, e quindi agire sui suoi Attributi.
L' istruzione la faremo partire da due pulsanti, aggiungili nella sezione BODY, possono trovarsi dentro o fuori del DIV che dovranno prendere in oggetto:
codice:
<input value="100%" type="button" onclick="document.getElementById('campo').style.width='100%';">
<input value="50%" type="button" onclick="document.getElementById('campo').style.width='50%';">
Il blocco si restringerà/allargherà in base ai Valori stabiliti, che possono essere in pixel o in percentuale.
Accade però che il Browser allinea sua sponte sulla sinistra ed in alto, quanto deve visualizzare. Racchiudere il DIV ID="campo" entro un altro DIV di allinemento laterale, ti consentirà l' impaginazione centrata:
codice:
<div align="center">
<div id="campo">
( Contenuti )
</div>
</div>
Un' altra buona addizione per tenere d' occhio il lavoro, sarebbe border: 1px dashed red; negli STYLE dei DIV
potendo definire solid/dashed/dotted e il colore anche i # esacode o rgb()
Ciao,
Enzo - SP
)
).
Rispondi quotando
