Printable View
Salve,
ho creato un div di contenimento per un testo con un bordo di 2 px in tutti e quattro il lati, perņ vorrei che ci fosse solo sopra e sotto.
Questo i codice:
Come faccio?Codice:<div style="background-color:#cadceb;padding:3px;width:82%; border: 3px solid #12A3EB" align="center">.
Prova<br><br><br></div>
Grazie.
puoi specificare lo spessore del border per ciascuno dei latidove l'ordine č sopra-destra-sotto-sinistra, oppure singolarmente per i due latiCodice:border: 3px 0 3px 0 solid green;
Codice:border-top: 3px solid green;
border-bottom: 3px solid green;
Grazie :)
Salve,
come faccio a far coesistere due div di questo genere:
Su una stessa riga?Codice:<div style="background-color:#FFE6BF;padding:3px;width:40%; border: 1px solid #FFCC80" align="center">
Prova</div>
Grazie.
Puoi fare in diversi modi. Quelli che conosco sono: con una tabella, utilizzando float, utlizzando position. Personalmente credo che il migliore sia il position. Ti faccio un esempio.
Con il float:Codice:<div style="position:relative;">
<div style="background-color:#FFE6BF;padding:3px;width:50%; border: 1px solid #FFCC80; position:absolute; left:0px;" align="center">Prova</div>
<div style="background-color:#FFE6BF;padding:3px;width:50%; border: 1px solid #FFCC80; position:absolute; right:0px;" align="center">Prova dx</div>
</div>
Con la tabella:Codice:<div style="width:300px;">
<div style="background-color:#FFE6BF;padding:3px;width:40%; border: 1px solid #FFCC80; float:left;" align="center">Prova</div>
<div style="background-color:#FFE6BF;padding:3px;width:40%; border: 1px solid #FFCC80; float:right;" align="center">Prova dx</div>
</div>
:wink:Codice:<table><tr><td>
<div style="background-color:#FFE6BF;padding:3px; border: 1px solid #FFCC80; float:left;" align="center">Prova</div></td><td>
<div style="background-color:#FFE6BF;padding:3px; border: 1px solid #FFCC80; float:right;" align="center">Prova dx</div></td>
</tr></table>
..syl..