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

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

Citazione:

---

Originalmente inviato da karl94

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.

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?

Citazione:

---

Originalmente inviato da karl94

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.

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.

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