allineare immagini in colonna

[bako]

Salve.
ho delle icone e vorrei che queste, una volta inserite come immagini (penso dentro un div) siano allineate in colonna: dal angolo in basso a destra a salire verso l'alto.
praticamente una torre che parte dall'angolo in basso a destra.
come potrei fare?
scarsa esperienza con css.

saluti

[Mich_]

Non c'e` una risposta standard ad una domanda non-standard, e d'altronde le pagine vengono di default riempite dall'alto al basso, mentre tu chiedi da fare il viceversa.

Per una risposta puntuale mancano vari informazioni. Provo a formulare alcune domande.
Le icone sono tutte delle stesse dimensioni?
Il contenitore ha dimensioni fisse? Contiene solo le icone o c'e` dell'altro? E` possibile/ha senso definire un contenitore solo per contenere la tua "pila"?
Chi le impila dentro il contenitore? Hai un programma lato server?
Che succede se le icone riempiono la colonna (o la cosa e` esclusa dal contesto)?
Hai pensato ad un posizionamento assoluto forzato?

[bako]

ok, ci porvo

Originariamente inviato da Mich_
Non c'e` una risposta standard ad una domanda non-standard, e d'altronde le pagine vengono di default riempite dall'alto al basso, mentre tu chiedi da fare il viceversa.

infatti, volevo fare qualcosa di "diverso"

Originariamente inviato da Mich_
Per una risposta puntuale mancano vari informazioni. Provo a formulare alcune domande.
Le icone sono tutte delle stesse dimensioni?

tutte grandi uguali

Originariamente inviato da Mich_
Il contenitore ha dimensioni fisse? Contiene solo le icone o c'e` dell'altro? E` possibile/ha senso definire un contenitore solo per contenere la tua "pila"?

alla fine devo allineare le immagini, l'altra alternativa sarebbe definre una a una la posizione delle icone.

Originariamente inviato da Mich_
Chi le impila dentro il contenitore? Hai un programma lato server?

no, sono solo delle img che ho messo io in html.

Originariamente inviato da Mich_
Che succede se le icone riempiono la colonna (o la cosa e` esclusa dal contesto)?
Hai pensato ad un posizionamento assoluto forzato?

escluso perche' le piazzo io, forse un posizionamento forzato, dovrei usare absolute?
alla fine sono < 10 quindi potrei fare un posizionamento uno ad uno. devo usare una classe per img come img#img1 img#img2 etc?

[Mich_]

A questo punto la cosa che io vedo piu` semplice e` un posizionamento assoluto.

Per poterlo usare, il contenitore deve avere posizionamento relativo.

Poi tutte avranno:

 position: absolute;
  right: 0;
  width: ...px;
  height: ...px;

mentre in ciascuna cambiera` il bottom.
Quindi la prima (dal basso) avra`
bottom:0;
la seconda:
bottom: XXpx; /* dove XX e` l'altezza della singola icona */
la terza:
bottom: YYpx; /* con YY = 2*XX */
ecc.

[bako]

Originariamente inviato da Mich_
A questo punto la cosa che io vedo piu` semplice e` un posizionamento assoluto.

Per poterlo usare, il contenitore deve avere posizionamento relativo.

Poi tutte avranno:

 position: absolute;
  right: 0;
  width: ...px;
  height: ...px;

mentre in ciascuna cambiera` il bottom.
Quindi la prima (dal basso) avra`
bottom:0;
la seconda:
bottom: XXpx; /* dove XX e` l'altezza della singola icona */
la terza:
bottom: YYpx; /* con YY = 2*XX */
ecc.

ok
ma cosi facendo, in css devo creare una classe per ogni immagine?
e ancora, se alligno assoluto, nn ha piu' senso il contenitore, in quanto posso allignare assoluto con le coordinate della pagina, no?

[Mich_]

Originariamente inviato da bako
ok
ma cosi facendo, in css devo creare una classe per ogni immagine?

Dipende. Puoi anche usare l'id al posto della classe.
Oppure puoi usare i CSS inline.
La scelta dipende molto da te e da come e` organizzata la pagina, per cui non riesco ad essere piu` preciso.

e ancora, se alligno assoluto, nn ha piu' senso il contenitore, in quanto posso allignare assoluto con le coordinate della pagina, no?

Anche qui dipende.
Dipende da come e` fatto l'eventuale contenitore, da come viene inserito dal punto di vista semantico, da come sono gli altri oggetti della pagina.

In linea di massima ogni divisione logica della pagina deve avere un corrispondente raggruppamento software (<div> o altro): questo per preservare la semantica del tutto.
Secondo le regole dell'accessibilta` (ma anche della logica moderna) la pagina deve essere comprensibile anche a chi non "vede" il posizionamento degli oggetti (compreso i motori di ricerca ed eventuali aggregatori).