allineamento verticale immagine

[nicola75ss]

Rieccomi. L'avevo detto che avrei iniziato a "bazzicare" sto forum.
Nuovo problema: allineamento verticale delle immagini. Non riesco a risolvere nè col vertical align nè col margin auto.

div#giorno
{
width:99%;
}
div#testo
{
line-height:30px;
text-align: justify; 
width:60%;
float:left;
border-bottom: 1px solid #000;
}
div#foto
{
width:39%;
float:left;
}
img
{
margin-left:10px;
border:none;
width:150px;
}

<div id="giorno">
<div id="testo">Testo</div>
<div id="foto">[img]immagini/caprera.jpg[/img]</div>
</div>

Come faccio a fare in modo che ogni foto sia centrata rispetto al div testo? Grazie.

P.S. Non so se può essere utile sapere che le immagini hanno altezze diverse oppure se per la risoluzione del mio problema è indifferente.

[pierofix]

Prova a dare un'occhiata a questo:

- http://www.w3.org/TR/CSS21/visudet.h...vertical-align

Non ho mai provato, ma in teoria dovrebbe funzionare. Facci sapere.

[cleverboy]

la butto lì... non sono sicuro che funzioni...
se vuoi usare i CSS prova con

div#foto
{
width:39%;
float:left;
text-align:center;
}

non credo che faccia obiezioni in merito a testo o grafica. altrimenti puoi mettere direttamente align="center" nel <DIV>

[nicola75ss]

@cleverboy. La tua soluzione non funzia. Cmq grazie per l'interessamento.

@piero. Sto leggendo il link che mi hai segnalato ma non è che ci stia capendo granchè. Devo agire sul selettore dell'immagine, sul div che la contiene o su cosa?

[pierofix]

Ti propongo un'altra risorsa:

- http://blog.html.it/archivi/2006/01/...-con-i-css.php

Non ho ancora avuto modo di approfondire la questione, quindi non so risponderti con certezza (oltretutto adesso non ho nemmeno tempo - scusa la superficialità).

[nicola75ss]

Originariamente inviato da pierofix
Ti propongo un'altra risorsa:

- http://blog.html.it/archivi/2006/01/...-con-i-css.php

Non ho ancora avuto modo di approfondire la questione, quindi non so risponderti con certezza (oltretutto adesso non ho nemmeno tempo - scusa la superficialità).

Figurati, già che sei gentilissimo a rispondermi. Ero nel forum di html che mi leggevo tutti i thread in merito. Sono tantissimi e non mi sembra di aver trovato soluzioni definitive.

Adesso mi guardo con calma il nuovo link ed eventualmente faccio altre ricerche. Grazie ancora.

Che casino questi css. Li avevo proprio sottovalutati in quanto a complessità.

[pierofix]

Originariamente inviato da nicola75ss
Che casino questi css. Li avevo proprio sottovalutati in quanto a complessità.

No, non dire così. Credo anzi che dobbiamo ringraziarli: la non immediatezza porta sempre ad interrogarsi più volte sulla validità o meno di una certa soluzione che vogliamo adottare.

I CSS acquistano davvero significato se il markup che vanno a vestire è strutturato in maniera saggia e intelligente. Un'occasione anche questa di interrogarci più volte e rianalizzare una questione fino al raggiungimento di una meta pienamente ponderata.

[ilario83]

pure io ho riscontato lo stesso problema diverse volte

prova modificando all'interno del tag img:
vspace="numero"

io ho risolto così

<ciao />

[ilario83]

altrimenti la funzione corretta dovrebbe essere:
vertical-align: top;
applicato al testo ma a me non ha mai funzionato.