Allineamento a dx

[Sonikag]

Ho un div:

<div id="banner">

[img]images/01.gif[/img]

<div id="dx2">
[img]images/02.gif[/img]
[img]images/03.gif[/img]
[img]images/04.gif[/img]
</div>

</div>

css:

		
#banner {
padding: 0px;
margin: 0px;
background-image: url(images/002.gif);
background-repeat: repeat-x;
}

div.dx2 {
padding: 2px;
float: right;
margin: 0px;
text-align: right;
font-size: 10px;
}

in pratica vorrei che il div.dx2 mettesse il contenuto a destra e così avviene, ma in alto lascia uno spazio in altezza uguale all'altezza delle immagini e quindi del div banner.

Sonia

[Mich_]

credo che basti mettere un float:left nel CSS dell'immagine.

Infatti l'immagine ha di default display:block; e questo impedisce di inserire altri oggetti a lato, ma con un float:qualcosa; si modifica tale comportamento.

[nickmadison]

prova cosi:

<div id="banner">

[img]images/01.gif[/img]

<div id="dx2">
[img]images/02.gif[/img]
[img]images/03.gif[/img]
[img]images/04.gif[/img]
</div>

</div>

nel css:

#img01 { float:left }

[Sonikag]

Grazie funziona
Il problema è che ora non si vede lo sfondo del contenitore "banner"

[nickmadison]

magari ci metti il link capiamo meglio.

[Sonikag]

Al momento non riesco a mettere nulla on line, cmq riposto il codice.

<div id="banner2">
[img]images/ttw12.gif[/img] 
<div class="dx2">
[img]images/ttw14.gif[/img] 
</div>

#banner2 {
padding: 0px;
margin: 0px;
background-color: #000000;
}

#img02 { float:left;}

div.dx2 {
padding: 0px;
float: right;
margin: 0px;
}

Se tolgo id="img2" all'immagine vedo lo sfondo nero, altrimenti no!

Sonia