Distanzioamento immagini e testo

[fabiodm75]

Ciao a tutti,
prosegue il mio "scontro" con i css ho un problema con il distanziamneto tra immagini e testo (guardate immagine allegata), il css che ho usato è il seguente:

.contenitore {
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px !important;
margin-bottom: 5px;
margin-left: 0px;

padding-top: 5px;
padding-right: 0px;
padding-bottom: 10px !important;
padding-bottom: 5px;
padding-left: 0px;
border: 1px solid;
border-color: #000;
background: #F4F4F4;
color: #000;
font: 10px verdana,sans-serif;
width: 482px;
height:125px;
/*display: inline;*/
/*border: dotted 1px #009;*/
}

.contenitore img {
/*display: block;*/
float: left;
margin: 10px 10px 10px 10px;
}

le ho provate un pò tutte però evidentemente c'è qualcosa che non ho ben compreso... :master: dove sbaglio?

[Mich_]

Anzitutto il padding ha comportamento diverso in IE e altri browser, per cui conviene sostituirlo con il margin, dove e` possibile.

Poi non hai dato il codice HTML che genera quel comportamento, per cui non e` faciel rispondere.

Se i vari "TESTO" sono inseriti tramite tag[*] (cosi` ad occhio dovrebbe essere il tag corretto), l'immagine va semplicemente inserita dopo il relativo testo:[*]TESTO <img ..../>
e distanziata tramite un margine opportuno (e se serve puoi usare il vertical-align)

Un'immagine di default e` inline (e credo deva rimanere anche la tua); non ha quindi senso il display:block (commentato) e il float:left potrebbe dare altri problemi collaterali.
Nel tuo caso devi solo dare margine left (ovvero margine right, se invece la flotti a destra).

[fabiodm75]

Il codice HTML è strutturato in maniera, penso, corretta:

<div class="contenitore">
[img]../img/img_off.jpg[/img]
[img]../img/img_foto.jpg[/img][*] Testo [*] Testo [*] Testo [img]../img/disp.jpg[/img]
</div>

Può essere che eredita qualche proprietà sbagliata dal DIV (content_sx) che incorpora il DIV contenitore? :master: