Visualizzazione dei risultati da 1 a 2 su 2

Discussione: float img e div

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2001
    Messaggi
    202

    float img e div

    ciao a tutti, sono 3 ore che sto smanettando per questa stupidaggine e non ne esco fuori...



    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >
    <
    html xmlns="http://www.w3.org/1999/xhtml">
        <
    head>
        <
    title>Prova</title>

        <
    style type="text/css">
        
        
    div.Hparagrafo {
            
    color#54545d;
            
    text-alignjustify;
            
    padding10px;
        }
        
        
    div.HPhoto {
            
    floatleft;
            
    font-style:italic;
            
    border-bottom1px solid #eee;
            
    border-top1px solid #eee;
            
    color#999999;
            
    background-color#FBFBFB;
            
    padding10px;
        }
        
        
    div.imgcontainer
            
    floatleft;
            
    padding:0 6px 6px 0;
            
    backgroundurl(dropshadow.jpgno-repeat bottom right
        
    }
        
        
    div.imgcontainer img
            
    display:block;
            
    positionrelative;
            
    top: -5px;left: -5px;
            
    border:1px solid #ccc;
            
    border-color#ccc #666 #666 #ccc;
            
    padding:5px
        
    }
        
        
        </
    style>


        </
    head>
        <
    body>
            <
    div class="Hparagrafo">titolo........</div>
            <
    div class="HPhoto">
                <
    div class="imgcontainer">[img][/img]</div>
                
    Descrizione Descrizione Descrizione</div>
            <
    div class="Hparagrafo">Lorem Ipsum .....</div>
        </
    body>
    </
    html
    Ottengo questo risultato:


    Vorrei che la descrizione stesse alla destra dell'immagine in basso,
    che il div grigio si alto almeno quanto l'immagine
    ma la cosa più importante è che Lorem Ipsum venga visualizzato sotto il div grigio

    Qualcuno sa aiutarmi???

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2001
    Messaggi
    202
    UP

    0k ho risolto un problema:

    Il div grigio ora è alto almeno quanto l'immagine utilizzando

    codice:
    <div style="clear: both;"></div>
    dopo
    codice:
    Descrizione Descrizione Descrizione</div>

    ma come faccio ora a metteew in basso la descrizione??

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