Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    206

    problema posizionamento div

    Ciao a tutti ho creato una pagina web con a sinistra un form contenuto in un tag div

    codice:
    <div id="contiene_form">....</div>
    questo form è largo solo 150 px come vedete dallo sitle:

    codice:
    #contiene_form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: left;
    width: 150px;
    height: 435px;
    font-weight: bold;
    border-top-style: outset; 
    border-right-style: outset;
    border-bottom-style: outset; 
    border-left-style: outset; 
    margin-top: 30px; }
    Al fianco di questo form vorrei inserire una immegina che creo in base alla compilazione del form. Per fare questo ho creato un altro tag div:

    codice:
    <div id="contiene_immagine">.........</div>             </div>
    come stile ho solo messo il margine in quanto non vorrei plottarla sopra il form:

    codice:
    #contiene_immagine { 
    width:600px; 
    height:450px; 
    margin-right: 1.5em; 
    margin-left: 13em; 
    }
    il problema è che l'immagine mi viene posizionata sotto il form e non al suo fianco. Qualche idea?
    grazie mille

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    2,008
    prova cosi
    #contiene_form {
    float:left; .....


    #contiene_immagine {
    clear:right;
    float:lrft;......... ...

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    206
    Ciao,

    purtroppo mi rimane al di sotto del form!.
    Nel body i due div sono uno di fila all'altro:

    codice:
    <div id="contiene_form">             <form id="form1" name="form1" method="post" action="elabora.py" onsubmit="invio(); return false;">...........</form></div>
    
    <div id="contiene_immagine">[img]Start.png[/img]</div>

  4. #4
    codice:
    div#contiene_form {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 12px;
         color: #000;
         text-align: left;
         width: 150px;
         height: 435px;
         font-weight: bold;
         border-top-style: outset; 
         border-right-style: outset;
         border-bottom-style: outset; 
         border-left-style: outset; 
         margin-top: 30px
         float: left;
    }
    
    div#contiene_immagine {
         width:600px; 
         height:450px; 
         margin-right: 1.5em;
         float: right;
    }
    Ovviamente la pagina deve essere sufficientemente larga per accogliere i due elementi affiancati, compresi margin e padding.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    206
    Grazie,

    ho provato ma rimane ancora al di sotto del form.

    Se vi servisse più codice ditemi che ve lo invio.

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    206
    ok, grazie mille. Era proprio questione della pagina che era troppo piccola per supportare al fianco del form un'immagine così rande.

    Grazie mille

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.