immagini

[nir7771]

salve, come faccio ad inserire 3 4 immagini sulla stessa riga e sotto ogni immagine una frase?

in pratica mi serve per inserire dei prodotti e sotto ogni immagine la descrizione del prodotto. ho provato ma il testo va dove li pare non dove vorrei io

[Vincent.Zeno]

crea un contenitore per ogni immagine e relativa descrizione, poi li allinei con preferisci

[nir7771]

come lo creo il contenitore? sono quasi zero in css....mi puoi dare qualche link dove ne parlano? grazie

[Vincent.Zeno]

esempio:

css:
.articolo {float:left;}

html:
<div class="articolo">
<img src........>
<p>descrizione</p>
</div>

<div class="articolo">
<img src........>
<p>descrizione</p>
</div>

<div class="articolo">
<img src........>
<p>descrizione</p>
</div>

<div class="articolo">
<img src........>
<p>descrizione</p>
</div>

[nir7771]

ti ringrazio...gentilissimo :-) provo subito

[nir7771]

vincent scusa se ti rompo ancora... ma come faccio per allineare le immagini una affianco all'altra ( cosi mi escono una sotto l'altra )

[Vincent.Zeno]

fai vede cosa hai scritto

[nir7771]

<div class="articolo">


<img class="alignnone" src="http.." width="200" height="66" />
descrizione


</div>
<div class="articolo"><img class="alignnone" src="http..." width="200" height="66" />
descizione</div>

[Vincent.Zeno]

se hai settato anche la classe "articolo" con float:left non c'è motivo per cui vadano a capo.
salvo che non ci sia altro css predominante.

la classe "alignnone" cosa dice?

[nir7771]

su editor ho trovato questo riguardo alignnone
.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}