Posizionamento nowrap immagine in div

[Pierhagi]

Ciao

non riesco a posizionare affianco, sulla destra, un immagine ad una textbox...il classico punto interrogativo che contiene un messaggio per le spiegazioni.

<div id="principale">
   <input type="text" name="nome_campo" value="" />
      <abbr title="Testo che apparre al passaggio del mouse sul punto interrogativo">
         <div id="punto_interr_info"></div>
      </abbr>
</div>

Gli stili sono questi:

div#principale {white-space: normal}
div#punto_interr_info{width:18px; height:18px; background:url(../img/info.png) no-repeat;}

.potete aiutarmi?

[Ken90]

Succede perché usi un DIV che è un tag di blocco (quindi avrà come style: display:block). Ti conviene togliere direttamente il DIV, dare padding al tag abbr e metterci come sfondo il tuo punto interrogativo. Così:

abbr{
padding-right:20px;
background:url(../img/info.png) no-repeat
}

Soluzione flash, credo dovrebbe essere buona per tutti i browser (controllalo tu questo).

[Pierhagi]

..certo che funziona!

Grazie x la spiegazione!

Al tuo codice ho aggiunto un pò di margin x non attaccare il punto interrogativo vicino alla textbox.

abbr{
padding-right:20px;
margin-left:5px;
background:url(../img/info.png) no-repeat;
}

Grazie ancora!