Allineamento strano nei <li>

[pictor]

Perchè è sbagliato fare così?

		<span>Testo</span>
		<span style="float:right;">
			[img]img[/img]
			[img]img[/img]
		</span>
	

Dovrebbe venire così:

Testo						ImgModifica  ImgElimina
Testo						ImgModifica  ImgElimina
Testo						ImgModifica  ImgElimina

invece viene così

Testo						
Testo					ImgModifica  ImgElimina
Testo				ImgModifica  ImgElimina
			ImgModifica  ImgElimina

Sbaglio qualcosa?
Perchè le immaigni vanno a capo invece di allinearsi a destra?

[Kiantis]

strano usare un 'float:right' su un elemento span, il quale è un elemento inline, non blocco. prova ad usare due div invede di due span.

[pictor]

All'inizio avevo provato con un div ma dà lo stesso problema.
[*] è block, no?
Non dovrebbe dare problemi (e comunque è tutto sulla stessa riga...)

E perchè non si può usare il float su uno span? Come farei ad allinearli altrimenti?

Altre soluzioni?

[giacidi]

Hai messo l'align nel tag img?
a me è successa una cosa simile e togliendo l'allineamento ho risolto

[Kiantis]

Si puo usare solo che non funziona nello stesso modo.
Un flottante inline (span è inline per default, a meno che non lo cambi da proprietà) non so come si comporta.

[pictor]

No, non c'è l'align nelle immagini purtroppo

E' un comportamento veramente strano.

Ecco un'immagine:


E il pezzo di codice incriminato:

	<table width="50%" border="0" align="center" cellpadding="2" cellspacing="0" class="testo">
		<tr>
		  <td>
			<center>Questionario modificato con successo!<hr />
			</center>
			<u>Domande:</u>
			


			

					<div>La TD è ....</div>
					<div style="float:right;">
						(Risposta multipla)
						<a href="GestQueModifica3.asp?IdDomanda=17">
							[img]../tools/imm/foglioModifica.gif[/img]
						</a>
						<a href="GestQueElimina.asp?IdDomanda=17">
							[img]../tools/imm/foglioElimna.gif[/img]
						</a>
					</div>
				
			
			


			<input type="button" value="Aggiungi domanda" name="addDomanda" class="td" onClick="document.location='GestQueModifica3.asp?IdQuestionario=19'" />
			

		   </td>
		</tr>
		<tr>
			<td align="center">
				<input type="button" name="Torna alla lista" value="Torna alla lista" onclick="location.href='GestQue.asp'" style="BORDER-RIGHT: #00317b 1px solid; BORDER-TOP: #00317b  1px solid; BORDER-LEFT: #00317b  1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #00317b  1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #FFFFFF">
			<input type="button" name="Indietro" value="Indietro" onclick="history.back()" style="BORDER-RIGHT: #00317b 1px solid; BORDER-TOP: #00317b  1px solid; BORDER-LEFT: #00317b  1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #00317b  1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #FFFFFF">
		   </td>
		</tr>
	</table>

Avete dei suggerimenti per risolvere?

Grazie mille
Pictor

[Mich_]

Anzitutto devi dire in quale browser vuoi che funzioni: in questo aspetto IE6 e gli altri sono diversi.

Per i browser standard il codice e`:

Testo <span>
			[img]img[/img]
			[img]img[/img]
		</span>
	

CSS: 
ol li {
  width: ...;
}
ol span {
  margin 0 0 0 auto;
}

Per IE6 devi invece scrivere:

Testo <span>
			[img]img[/img]
			[img]img[/img]
		</span>
	

CSS: 
ol li {
  width: ...;
}
ol span {
  display: block;
  right: 0;
  float: right;
}

Credo che il secondo funzioni anche nei browser standard.

Nota che ol e li devono avere una larghezza definita, altrimenti non ha senso allineare a destra.

[pictor]

Ho una lista ordinata.

Dentro ad ogni[*] ho diversi elementi

Come faccio ad allineare gli elementi a destra e a sinistra del div?

Ho per esempio:

TESTO...                           Pulsante1   Pulsante2
TESTO234                           Pulsante1   Pulsante2
TESTOPAZZO                         Pulsante1   Pulsante2
TESTOELEMENTO                      Pulsante1   Pulsante2

Come faccio, sempre ne[*], ad allineare il testo a sinistra e i pulsanti a destra? (ovviamente verticalmente allineati l'uno all'altro)

Vi ringrazio

[pictor]

Definita può essere anche in percentuale vero?
Vorrei evitare di definire in pixel

Sì comunque deve funzionare come minimo su IE6 e FireFox.

Ora provo a fare l'aggiunta che mi hai detto

[pictor]

Azzo, su IE6 funziona perfettamente () ma su FireFox no ()

Si ottiene questo :



Un aiuto?

Grazie!