[Risolto]Raggruppare coppie di tag affinché vadano a capo insieme

Salve,

Ho una tabella, dentro una cella di questa tabella ho una serie di tag che devono andare a coppie.

Si tratta di una serie di immagini (una galleria di thumbnail), ed ogni immagine ha accanto un suo radiobutton.

Per intenderci è una cosa della serie.

Radiobutton1-immagine1 Radiobutton2-immagine2 Radiobutton3-immagine3

e via dicendo.


E' necessario che ogni radiobutton stia accanto alla sua immagine.
Il problema è che quando si arriva al bordo della tabella, il radiobutton resta alla fine della riga mentre l'immagine viene mandata giu.

Esempio:
Radiobutton1-immagine1 Radiobutton2-immagine2 Radiobutton3-
Immagine3

In questo modo il Radiobutton della terza immagine dell'esempio viene separato dalla sua immagine. Io vorrei che invece andassero a capo insieme:

Radiobutton1-immagine1 Radiobutton2-immagine2
Radiobutton3-immagine3

Non so se sono riuscito ad essere chiaro...

Questo è il codice che genere ogni coppia di radiobutton-immagine:

echo ' <SPAN><input type="radio" name="group1" value="xx"><a href="www.xxx.org" border=0 title="" style="max-width:400px;"/></a></SPAN>';



Come posso fare?

metti un tag <br> subito prima della coppia che deve andare a capo insieme.

Dovresti dirci come hai strutturato la tabella, se le singole celle contengono entrambi gli oggetti o soltanto uno, ecc.

Io ti consiglio di mettere radio e img nella stessa cella e attribuire a questa il parametro nowrap (non manda a capo se non viene espressamente usato il <br>).


Ciaoo!!!!!

Si stavo giusto rimodificando quello che avevo scritto.

Dunque la tabella ha width fisse (solo width, non height!).
C'è una grande cella, che contiene tutte le foto.

Ogni coppia radiobutton-foto è generato da:

echo ' <SPAN><input type="radio" name="group1" value="xx"><a href="www.xxx.org" border=0 title="" style="max-width:400px;"/></a></SPAN>';

Questa istruzione echo è inserita all'interno di un ciclo while e la ripete per OGNI foto che si trova dentro la cartella delle foto.

Se mettessi <BR> prima e dopo di ogni coppia radiobutton-immagine mi metterebbe tutte le foto in fila indiana, dall'alto in basso, invece io vorrei che le affiancasse tutte l'una all'altra finche non raggiunge il limite destro della tabella, a quel li porta a capo insieme.

Il prob. è anche che teoricamente le foto possono essere piccole, ma anche molto lunghe (panoramiche), al punto tale che una solo foto puo riempirmi tutta la width della cella (infatti il max-width mi protegge le dimensioni della tabella per l'appunto).

Insomma deve essere intelligente... E capire che se la arriva al bordo destro della tabella deve mandarli a capo insieme.

Come potete vedere ho inserito la coppia radiobutton-immagine dentro uno <span></span>, in pratica è come dire che il contenuto di questo tag non va spezzato... tutto qui

Spero di essere stato chiaro è un po difficile spiegarlo lo so

Prova a scrivere

Codice HTML:

---

<span style="white-space: nowrap"><img><input></span>

---

Non dovesse funzionare, dovresty modificare lo stile in questo modo

Codice HTML:

---

style="white-space: nowrap; display: block; float: left"

---

ma in questo caso allora ti converrebbe cambiare direttamente tag e passare al tag DIV.
Quindi lo stile si semplificherebbe:

Codice HTML:

---

style="white-space: nowrap; float: left"

---

Ok?
Ciauz! :lolloso:

Vuoi un modo molto più semplice? Ti basta chiudere tra i tag <NOBR> tutto quello che vuoi forzare sempre sulla stessa riga. In altre parole, quello che devi fare è questo (ehm... questo si basa sul tuo codice ma manca l'immagine...):

echo '<NOBR><SPAN><input type="radio" name="group1" value="xx"><a href="www.xxx.org" border=0 title="" style="max-width:400px;"/></a></SPAN></NOBR>';

Stammi bene...

Citazione:

---

Originalmente inviato da dementialsite

Vuoi un modo molto più semplice? Ti basta chiudere tra i tag <NOBR> tutto quello che vuoi forzare sempre sulla stessa riga. In altre parole, quello che devi fare è questo (ehm... questo si basa sul tuo codice ma manca l'immagine...):

echo '<NOBR><SPAN><input type="radio" name="group1" value="xx"><a href="www.xxx.org" border=0 title="" style="max-width:400px;"/></a></SPAN></NOBR>';

Stammi bene...

---

<nobr> mi risulta un tag deprecato e pertanto lo sconsiglio fortemente.

è bastato mettere il solo white-space:nowrap sullo span.. non ho avuto bisogno del float:left :)

Grazie a tutti, problema risolto ;)