Div di contenimento

[AleXanniX]

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:

<div style="background-color:#cadceb;padding:3px;width:82%; border: 3px solid #12A3EB" align="center">. 
Prova<br><br><br></div>

Come faccio?

Grazie.

[dreadnaut]

puoi specificare lo spessore del border per ciascuno dei lati

border: 3px 0 3px 0 solid green;

dove l'ordine è sopra-destra-sotto-sinistra, oppure singolarmente per i due lati

border-top: 3px solid green;
border-bottom: 3px solid green;

[AleXanniX]

Grazie :)

[AleXanniX]

Salve,
come faccio a far coesistere due div di questo genere:

<div style="background-color:#FFE6BF;padding:3px;width:40%; border: 1px solid #FFCC80" align="center">
Prova</div>

Su una stessa riga?

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.

<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 il float:

<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>

Con la tabella:

<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..