Box con bordo e titoletto sul bordo

[Rick21]

Qualcuno mi può dare una mano? Non so come creare dei box col titoletto che interrompe il bordo del box stesso.

Vedere allegato

Spero qualcuno mi aiuti

Intanto buona pasqua!

[floyd46]

ciao
di solito quella impostazione si usa per inscrivere un form in un fieldset; accertati che sia corretto l'uso quando non sei in presenza di campi di testo. Allora il tuo CSS è:

.fieldset {
margin:0 auto;
padding:0;
border:1px solid #4a6797;
text-align:center;
height:100px;
width:188px;
voice-family: "\"}\""; 
voice-family:inherit;
width:186px;
}

.legend{ 
font-variant:small-caps;
font-size:85%;
font-weight:bold;
color:#4a6797;
margin:0 2px;
padding:0 2px 0 5px;
}

tra i tag body scrivi:

<fieldset class="fieldset">
<legend class="legend">Qui il tuo titolo</legend>
</fieldset>

saluti

[rebelia]

nel caso non sia corretto usare fieldset, in alternativa crei due div annidati, formatti i bordi left right e bottom di quello interno, crei un'immagine con:

tanto bianco
righina
poco bianco

inserisci il titolo in alto tra il primo ed il secondo div:

<div id="esterno">
   <h1>Titolo</h1>
   <div id="interno"></div>
</div>

e formatti:

#esterno {
   background: url(righina.gif) repeat-x top left;
   }

#interno {
   border-right: 1px solid #000; 
   border-bottom: 1px solid #000; 
   border-left: 1px solid #000;
   }

[Rick21]

Grazie mille ad entrambi!

Ma cos'è un fieldset?

[rebelia]

Originariamente inviato da Rick21
Grazie mille ad entrambi!

Ma cos'è un fieldset?

e' il tag che delimita un form

[andrea.paiola]

Originariamente inviato da rebelia
e' il tag che delimita un form

non è esatto: quello è il tag form
fieldset delimita una insieme di campi (field = campo e set=un tot)
e in effetti ci possono essere più fieldset in un solo form

[Rick21]

Ah ora ho capito!


Grazie mille!