Visualizzazione risultati 1 fino 7 di 7

Discussione: Mettere due immagini ai lati di un div

  1. #1
    Guest

    Predefinito Mettere due immagini ai lati di un div

    Ciao,

    Mi sapresti dire possibilmente con i css, come fare un div rettangolare in cui ai lati interni ci sono due immagini (sarebbero due quadrati delle stesse dimensioni).

    Grazie.

    Possibilmente mi sapreste aiutare entro un mezz'oretta, è per motivi di lavoro. Thanks

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    L'eventuale testo deve scorrere intorno alle immagini o deve essere confinato in una colonna propria?

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    L'eventuale testo deve scorrere intorno alle immagini o deve essere confinato in una colonna propria?
    Non c'è alcun testo.

    In pratica, semplicemnete è un div con all'interno solo due img, una deve stare nel lato destro interno del div e l'altra nel lato sinistro interno del div.

    Con i css.
    Ultima modifica di astropvt : 17-05-2011 alle ore 17.58.40

  4. #4
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Allora puoi impostare la proprietà CSS float su right per confinare l'elemento a destra e su left per confinarlo a sinistra.
    Facendo così però il div contenente le immagini avrà altezza nulla (a meno che non contenga anche altro).
    Comunque, puoi indicare una pagina d'esempio (il sorgente o l'indirizzo), così da poterti aiutare meglio?
    Ultima modifica di karl94 : 17-05-2011 alle ore 18.03.59

  5. #5
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Allora puoi impostare la proprietà CSS float su right per confinare l'elemento a destra e su left per confinarlo a sinistra.
    Facendo così però il div contenente le immagini avrà altezza nulla (a meno che non contenga anche altro).
    Guarda il problema principale e come chiamare il css,

    Guarda ti do il codice:

    Codice HTML:
    <div id="blocco_img" ><img src="Sme_img.jpg" width="75" height="75" alt="" /><img src="LawFirm_img.jpg" width="75" height="75" /></div>
    Codice:
    #blocco_img
    {
    	width:195px;
    	margin-left: 208px;
    	height:75px;
    }
    
    div#img{
    	margin-left: -10px;
    }



    Ho aggiornato il css

    #blocco_img
    {
    width:195px;
    margin-left: 208px;
    height:75px;
    }

    div#blocco_img img{
    margin-right: 42px;
    padding-right: 1px;


    }




    Con dreamweaver è ok, ma poi con il browser (FW) no, scompare l'immagine di destra.
    Ultima modifica di astropvt : 17-05-2011 alle ore 18.13.44

  6. #6
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Codice HTML:
    <div id="blocco_img" ><img src="Sme_img.jpg" width="75" height="75" alt="" class="float_left" /><img src="LawFirm_img.jpg" width="75" height="75" class="float_right" /></div>
    Codice:
    #blocco_img
    {
    	width:195px;
    	margin-left: 208px;
    	height:75px;
    }
    
    div#img{
    	margin-left: -10px;
    }
    
    .float_left{
    	float: left;
    }
    
    .float_right{
    	float: right;
    }
    Così dovrebbe funzionare.

    Comunque se indichi tutto il codice della pagina si può probabilmente trovare una soluzione migliore.
    Ultima modifica di karl94 : 17-05-2011 alle ore 18.17.49

  7. #7
    Guest

    Predefinito

    Poi ieri non sono riuscito a ringraziarti per l'aiuto, grazie ;)

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •