Allineamento

[claudiostel]

Chiedo aiuto al mio problema su joomla!1.7 installato su joomlafree per test.
Inserisco il codice html nel modulo appena creato ed il risultato è ottimo: <p class="imgframe">
<a href="#">[img]percorso[/img][/url]
</p>

Ma quando provo ad aggiungere un nuovo modulo o duplicare la sintassi html, il risultato è inaccettabile: si aggiunge in verticale mentre io vorrei i moduli in orizzontale.
Dalla richiesta si evince che sono negato per l'html, inoltre in rete non ho trovato nulla di soddisfacente. Aggiungo che vorrei mettere 3/4 immagini in orizzontale.
Vi prego aiutatemi.
Grazie.

[ricman]

Forse non ho capito bene quello che dici... comunque il tag P quando lo chiudi e lo riapri va a capo. Per mettere affiancate le foto (col link) devi avere un solo tag P e più tag A con la foto (IMG)

[claudiostel]

Ciao,
in pratica:http://www.rauccio.joomlafree.it/
devo inserire altre due o tre immagini in orizzontale e non ho capito come impostare il tutto.
Ho provato in vari modi copiando vari codici ma evidentemente ho sbagliato tutto.

[pidgey]

Ciao ma per modulo cosa intendi?
un altro paragrafo <p class="imgframe"> ..... </p>
Perchè se ti serve aggiungere altre 2 immmagini accanto a quella presente il codice lo devi mettere all'interno del tag di Paragrafo:

<p class="imgframe">
<a href="#">[img]images/sampledata/as002038/pila.png[/img]
</a>
<a href="#">[img]images/sampledata/as002038/pila2.png[/img]
</a>
<a href="#">[img]images/sampledata/as002038/pila3.png[/img]
</a>
</p>

Ciao

[claudiostel]

Un grazie VERO.
Ma ancora una cosa, per centrarli?

[ricman]

Originariamente inviato da claudiostel
Ma ancora una cosa, per centrarli?

Vai nel css, cerchi la classe "imgframe" e aggiungi un "text-align:center;". Quasi sempre basta quello

[claudiostel]

Grande.
per favore, volendo aggiungere il testo su ogni immagine?
Poi basta.
Grazie.

[pidgey]

Devi a questo punto contornare ogni immagine con il tag paragrafo e agire così sui CSS:

.custom{
margin: 0 auto;
}
p.imgframe{
text-align:center;
display:inline-block;
}
.testo{
display:block;
text-align: left;

}


<p class="imgframe">
<a href="#">[img]images/sampledata/as002038/pila.png[/img]
</a><span class="testo">prova</span></p>
<p class="imgframe">
<a href="#">[img]images/sampledata/as002038/pila.png[/img]
</a><span class="testo">prova</span></p>
<p class="imgframe">
<a href="#">[img]images/sampledata/as002038/pila.png[/img]
</a><span class="testo">prova</span></p>

Dovrebbe andare, fammi sapere.
Ciao

[Vincent.Zeno]

pidgey,
ti ricordo che , come tutti, sei tenuto ad usare il tag CODE per postare codice. grazie

[pidgey]

giusto!