Visualizzazione dei risultati da 1 a 4 su 4

Visualizzazione discussione

  1. #1

    due box allineati in orizzontale

    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
    Ultima modifica di KillerWorm; 14-04-2017 a 23:45 Motivo: tag code

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.