| | Spazio dal testo, lasciare un po di spazio tra il testo e la cornice | |
| |
 | | |
| max_400 |
| | Spazio dal testolasciare un po di spazio tra il testo e la cornice
prova 2 - Io sono una riga di prova, l'attributo padding determina lo spazio fra me ed il bordo del box.
qui il testo è appiccicato al riquadro
prova 2 - Io sono una riga di prova, l'attributo padding determina lo spazio fra me ed il bordo del box.
qui invece c'è un bel po di spazio grazie all'attributo padding:10px 50px 10px 50px;CODICE <div style="border:1px solid black; padding:10px 50px 10px 50px;">
prova 2 - Io sono una riga di prova, l'attributo padding determina lo spazio fra me ed il bordo del box.
</div> o semplicemente padding:30px
| | | |
| |
|
| Vale2Layha |
| | Ciao,
una aggiunta riguardo a quanto scritto.
la sequenza dei padding è:
top
right
bottom
left
qundi scrivere padding:10px 50px 10px 50px
equivale a
padding-top:10px ; padding-right:50px ; padding-bottom:10px ; padding-left:50px;
se come nell'esempio non applichiamo una dichiarazione witdh: e height: nel div, impostando larghezza e altezza o uno solo dei due valori, il div occuperà tutto lo spazio della pagina.
Se inserito in una tabella di 800px prenderà come valore width 800, o meglio occuperà lo spazio dove è stato inserito.
padding:30px imposta il padding (distanza tra i margini) su tutti e quattro i lati.
Il padding si può scrivere anche in % percentuali
padding: 10%;
utile quando si utilizza il padding l'allineamento del testo con:
text-align
es:
text-align:right
allineerà il testo a destra con le impostazione dei padding.
Quando scriviamo un documento .html, .asp, .php ecc...
il browser si prende uno spazio nei quattro margini per l'attributo <body>
Per eliminarlo prima si usava in html
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
la stessa dichiarazione in un css:
body{margin:0px}
aggiungere il padding:
body{margin:0px;
padding: 0px;}
Prossimi aggiornamenti in seguito.
Valeria.
| | | |
| |
|
| 1 replies since 7/6/2012, 13:10 45 views |
| |
| | |
