Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2011
    Messaggi
    1

    Problema box affiancati

    Salve, ho un problema con gli affiancamenti dei box con i CSS.

    Ho creato un box contenitore con a sinistra un altro box per il menù e desidererei inserire un secondo box tra il bordo destro del box contenitore e quello destro del box menù; quando provo ad inserirlo, invece di posizionarlo affianco al box menù, me lo posiziona sotto di esso.

    Nell'immagine si può capire meglio.

    Questo è il codice:

    codice:
    <html>
    
    
    <head>
    
    
    <title>Titolo prova</title>
    
    
    
    <style type="text/css">
    
    
    
    
    
    
    
    div.contenitore{
    
         background-color:#909090;
    
         width:800px;
    
         height:800px;
    
         padding:0px;
    
         border:5px solid #000000;
    
         margin-top:25px;
    
         margin:auto;
    
    }
    
    
    
    div.boxleft{
    
         width:177px;
    
         padding:0px;
    
         border:0px;
    
         margin-top:0px;
    
         margin-left:0px;
    
         float:left;
    
    }
    
    
    
    div.principale{
    
         background-color:white;
    
         width:500px;
    
         padding:0px;
    
         border:0px;
    
         margin:auto;
    
    }
    
    
    
    p.h1{
    
         test-size:15px;
    
    }
    
    
    
    
    
    </style>
    
    
    
    </head>
    
    
    
    <body>
    
    
    
    <body bgcolor="#404040">
    
    
    
    <div class="contenitore">
    
    
    
         <image src="foto1.png">
    
    
    
    <div class="boxleft">
    
         [img]barra.png[/img]
    
         [img]foto2.png[/img]
    
         [img]foto2.png[/img]
    
         [img]foto2.png[/img]
    
         [img]foto2.png[/img]
    
         [img]foto2.png[/img]
    
         [img]foto2.png[/img]
    
         [img]foto3.png[/img]
    
         [img]triangolo.png[/img]
    
    
    
    <div class="principale">
    
         <p class="h1">aaaaaaaaaaaaaaaaaaaaaaaa</p>
    
    
    
    
    
    
    
    </div>
    
    
    
    </body>
    
    
    </html>
    http://imageshack.us/photo/my-images/714/esempion.png/

  2. #2
    Prova ad assegnare a div.principale float:left o float:right.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

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 © 2025 vBulletin Solutions, Inc. All rights reserved.