div uno di fianco l'altro

[dops]

ciao, ho un testo e di fianco a questo testo voglio aggiungere due immagini..
ho pensato di creare una struttura di <div> in questo modo:
<div id="contenitore">
<div id="testo"> testo bla bla bla</div>
<div id="img1"> immagine uno </div>
<div id="img2">immagine due</div>
</div>

al contenitore non applico alcuno stile..
al testo applico questo stile:

.textAddress
{
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	font-family: Verdana;
	line-height: 18px;
	padding-left: 15px;
	width:200px;
	float:left;	
	clear:right;
}

ma non mi riesce di mettere testo e immagini una di fianco all'altro
mi potete dare una mano?

[serialkiller]

div#testo {float:left;width:200px;}

div#img1, div#img2 {float:left;width:150px;}

poi dipende da come è strutturato il resto

[dops]

adesso ti faccio vedere come ho fatto.. diciamo che sono abbastanza soddisfatto dell'output su ie7, poi bosogna vedere cosa ne esce fuori con ie6 e firefox
Però magari.. vorrei capire se almeno questo che ho scritto è corretto:

CSS

/* formattazione indirizzi */
.titleAddress
{
	font-weight: bold;
	font-size: 13px;
	color: #003065;
	text-align: left;
	font-family: Arial;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #ffe200;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	clear: left;
}
.subTitleAddress
{
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	font-family: Arial;
	margin-left: 15px;
	width: 100px;
	float: left;
}
.textAddress
{
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	font-family: Verdana;
	line-height: 18px;
	padding-left: 15px;
	width: 200px;
	float: left;
	clear: left;
}
#container
{
	float: left;
	width: 350px;
	margin-bottom: 10px;
}
.imagesAddress
{
	clear: right;
	width: 100px;
	float: right;
}

/*fine formattazione indirizzi*/

HTML

   <div id="container">
        <span class="subTitleAddress">XXXXXXXXX</span>

        <div class="textAddress">
            XXXXXXXXXXXXX

            XXXXXXXXXXXXXXXXXXXXXX

            Tel. XXXXXXXXX
        </div>
        <div class="imagesAddress">
            [img]images/logo_point.gif[/img]</div>
    </div>
    

    <div id="container">
        <span class="subTitleAddress">XXXXXXXXXX</span>

        <div class="textAddress">
            XXXXXXXX

            Tel. XXXXXXXXX</div>
        <div class="imagesAddress">
            [img]images/logo_point.gif[/img]</div>
    </div>
    


 ..e così via..

Ho anche qualche dubbio sull'id del div contenitore.. ho ovviamente + div contenitori ai quali voglio assegnare la stessa classe.. però l'editor mi dice che non è corretto che ci siano + elementi con lo stesso id..

[dops]

uhm.. diciamo che sostituendo:

.imagesAddress
{
	clear: right;
	width: 100px;
	float: right;
}

con

.imagesAddress
{
	width: 100px;
	float: left;
}

ottengo lo stesso risultato e il codice è simile a quello che hai impostato tu :)

[Mich_]

Faccio notare alcuni (gravi) errori di semantica.

Esiste il tag <address> per gli indirizzi. Quindi non usarlo e` un errore.

Neanche inserire una <img> dentro un <div> mi sembra sensato: invece si puo` assegnare un CSS direttamente alle img.


Per assegnare la stessa formattazione a piu` oggetti occorre usare le classi: gli id devono essere univoci nel documento.

[J-MK]

Io utilizo dei posizionamenti relativi, dando ad ogni img una class e dando alla class una posizione. In questo modo il layout della pagina rimane "rigido", posso cambiare tutta la pagina cambiando poche lettere, ma la struttura rimane identica.

[dops]

Originariamente inviato da Mich_
Faccio notare alcuni (gravi) errori di semantica.

Esiste il tag <address> per gli indirizzi. Quindi non usarlo e` un errore.

Neanche inserire una <img> dentro un <div> mi sembra sensato: invece si puo` assegnare un CSS direttamente alle img.


Per assegnare la stessa formattazione a piu` oggetti occorre usare le classi: gli id devono essere univoci nel documento.

grazie per la segnalazione.. ma di questo tag <address> non ne sapevo niente..
adesso elimino le immagini dai div ed assegno la stessa classe ad ogni immagine.. ok? è questo quello che intendevi ?