spaziare img

[geepers]

Salve a tutti ho bisogno di un aiuto.

Vorrei riuscere a fare una riga di immagini in un unico div,
per cui la prima va float:left l'ultima float:right e quelle centrali che naturalmente non saranno sempre uguali si spaziano al centro tra una e l'altra.

ho provato mettendole in un div con text-align:center e facendo flottare le laterali.
ma con scarsi risultati.

Grazie Mille

[Davide80]

prova a usare il tag <ul> (list-type-style: none e dentro[*] (display: inline ci metti le immagini.

[Mich_]

Dai a tutte:
margin: 0 auto;

Eventualmente alla prima dai
margin: 0 auto 0 0;
e all'utima:
margin: 0 0 0 auto;

Potrebbe essere necessario renderle tutte di tipo blocco (anziche` inline):
display: block;

[geepers]

cari ragazzi grazie per l'aiuto ma non ci siamo ho fatto entrambe le prove che mi avete consigliato;

__________________PROVA_______________

Nella prima con i margin
succede l'impensabile addirittura la 5 foto che dovrebbe essere l ultima della prima riga scende in basso.

Nella seconda con i li
andiamo un po meglio ma certo la vedo dura a tenere quelle centrali spaziate tra dx e sx
e a non far scendere in basso la dx

Comunque l ordine giusto delle img e il secondo nel primo sfalsa

Qualche altra possibile soluzione?????

Grazie ancora per l aiuto

[Mich_]

Non mi pare che nell apagin linkata ci siano prove fatte bene.
Ci sono diversi errori, sia HTML che CSS:
- Ci sono due oggetti con lo stesso id
- il <div> lo hai messo inline (non puo` poi contenere altri blocchi)
- manca il float:left nelle varie immagini (devono averlo tutte).

Con le prove con i[*], devi curare i CSS per i tag[*], non per le immagini contenute.

[ilario83]

puoi provare a dare a tutte le immagini la stessa formattazione

img.float {float: left; margin-left: 10px;}

dovrebbe funzionare, non c'è bisogno di flottare una con float right.

[geepers]

ma se ho piu file e non tutte le foto sono uguali l'ultima foto a dx di ogni fila non sara mai allineata bene alle altre file

[geepers]

Allora ragazzi sto impazzendo è da stamane che faccio inutili prove

allego un file di quello che voglio riuscire a fare

spero qualcuno abbia una soluzione

Grazie Mille

[indigoindigo]

Possibili soluzioni..entrambe con tante liste quante sono le fila..

1- metti tutte le immagini in lista ("li"), assegni una dimensione fissa ai "li" del tipo spazio della fila diviso per cinque o sei (dipende quanti ne vuoi mettere), e poi centri le immagini all'interno..naturalmente i "li" avranno una dimensione maggiore delle immagini, che risulteranno perciò distanziate l'una dalle altre). ---> scorretta, ma vedi se ti funziona

2- per ogni lista imposti un margine fisso tra i "li", calcolandotelo per ogni fila (ad es. più basso per la fila superiore, più alto per la fila inferiore).

[geepers]

Allora innanzitutto grazie sono riuscito;

ESEMPIO PRATICO


allego il link magari puo essere utile a qualcun altro.

Però io vorrei rendere la cosa dinamica e certo cosi è fuori dal mondo;

Nessuno sa in quale modo si puo fare flottare su una stessa riga la prima img a sx e l'ultima a dx facendo spaziare da sole le altre nel centro????????

Grazie ancora