Ciao,
sto realizzando una form e in alcuni casi non è presente un titolo e icone.
[1] Vorrei che il box che li racchiude non venga visualizzato (altrimenti si vede un rettangolo vuoto con lo sfondo impostato).
codice:<div class="FormGroupHeader"> <div class="FormGroupTitleContainer"> <h2 class="FormGroupTitle">This is a group</h2> <label class="FormGroupDescription"> This is just abrief description a bout the group , it will always starts at the same position </label> </div> [img]Minus.gif[/img] </div> .FormGroupHeader { float:left; width:100%; padding-top:5px; margin:0; background-color: #e0f0ff; } .FormGroupTitleContainer { float:left; width:82%; margin:0; padding: 0 0 10px 20px; } .FormGroupTitle { width:100%; display:block; font-weight:bold; padding:0; margin:0; }
[2] Nel caso in cui non conosca a priori cosa ci sarà all'interno del box contenitore è lecito usare la seguente notazione(l'ho adottata per il footer):
codice:.DialogFooter { clear:both; margin:0; padding:0; background-color: Silver; } /*All the DialogFooter's child will have these attributes*/ .DialogFooter > * { margin-top:5px; padding:5px; }

Rispondi quotando