Salve, stò smanettando con HTML ed i CSS, ma con scarsi risultati!! Mi appoggio molto a questo sito per risolvere i problemi più semplici, con successo.
Ora però non trovo soluzione ad una cosa: vorrei creare due box allineati in orrizontale all'interno di un box generale. Potrei inserire o due testi indipendenti oppure un testo nel primo e una foto nel secondo.
Il box generale l'ho creato:
codice:
.BloccoGen{ /* riquadro generale*/
width:750px; /* lunghezza area ---*/
padding-left:10px; /* distanza tra la cornice interna e quella esterna*/
border:1px solid black;
border-color:#000;
border-radius: 10px;
background-color:#EBEBEB;/*colore di fondo 90%*/
}
il primo box interno l'ho creato:
codice:
.BloccoNews1{ /*--- BloccoNesws nella pagina Home ----*/
width:450px;
height:80px; /* altezza area del singolo box*/
padding-left:20px; /* distanza del testo dal bordo*/
border: 2px solid black; /* disegna il bordo*/
border-color:#060; /* colora il bordo*/
background-color:#F5F5F5; /*colore di fondo 95%*/
border-radius: 10px; /* bordi arrotondati */
-moz-border-radius: 10px; /* per firefox */
-webkit-border-radius: 10px; /* per safari, chrome */
box-shadow:10px 10px 5px #dedede; /* ombreggiatura esterna*/
padding:10px;
margin:10px 0px 10px 0px; /*margin-bottom:10px; margin-top:10px;*/
}
Ora non so come creare il secondo box allineato con il primo; questo box dovrà avere:
width:270px; (a questa misura si aggiungono i due valori di padding sinistro e destro di 10px)
height:80px; /* altezza area del singolo box*/
Mi potete aiutare?
Grazie
Antonio