Newsgroup: it.comp.lang.javascript
Titolo: Posizionamento Verticale

Salve,
premetto di avere poca esperienza in JS, ma non disdegno il suo uso
(anche se ne ho fatto davvero poco).
Conosco solo l'html e il css, ma evidentemente le mie conoscenze non
sono ancora sufficienti a superare un problema tecnico che mi sta
facendo passare notti insonni.
Per il mio sito web (fotografie amatoriali) ho una pagina con due frame
in cui: in uno ho la lista dei thumbnail delle foto e nell'altro faccio
apparire le foto in versione un po' più grande.
Ora, le foto possono essere 400x600 oppure 600x400, mentre il div di
destinazione è un 600x600.
L'allineamento delle foto verticali non è un problema, basta il
(text-align: center) per vederle centrate.
Quello orizzontale invece mi sta facendo sputare sangue:
- ho provato con il CSS standard -> nisba;
- ho provato il trucco del line-height descritto in 
html.it
, idem;
- cercando di non vomitare (sono un adepto del tableless) ho provato con
una tabella ad un solo elemento; in IE funzica, in Firefox no.
Inutile dire che posizionamento assoluto, relativo etc., facendo
riferimento ai bordi non funzionano, perché non so a priori le
dimensioni della foto (ovvero se sia verticale od orizzontale);
Insomma sono a metà tra il disperato e il deluso marcio per questi
browser non ancora compliant con gli standard.
Avete qualche dritta da darmi?
Mi va bene anche una soluzione JS che centri la img nel div di
destinazione.
GRAZIE!
S.T.C.

 Quello orizzontale invece mi sta facendo sputare sangue:
[CUT]
Probabilmente non va nel tuo caso (mai sperimentato), ma io ho spesso
risolto con text-align:center;vertical-align:middle sul tag img (esiste
l'align:center, ma non è xhtml).
Se non va posta qualche riga di codice di esempio, così copioincollo (se
nessuno ti dà la soluzione) e vedo un po', proprio in questo periodo sto
smadonnando anch'io per allineamento verticale di alcuni immaginette...
-- 
"Ti sei salvato
 o sei entrato in banca pure tu?"
									    A.V.

Cristiano Larghi wrote:

Ciao,
grazie anzitutto per l'attenzione.
Beh, col "text-align" si centra lungo l'asse orizzontale.
Quello che mi occorre è una centratura sull'asse verticale: che con le tabelle si
otterrebbe col deprecatissimo "vertical-align".
Non so se mi sono spiegato bene, ci riprovo.
Devo centrare, all'interno di un box quadrato che la ospita, una <img> della quale
dimensioni e orientamento non sono noti prima del caricamento (non voglio metter su
una struttura di dati paralleli che indichi che tipo di immagine è).
S.T.C.

 Non so se mi sono spiegato bene, ci riprovo.
Sě, penso di sě.
Qua ho scritto qualcosa, fai dei test e vedi se funziona (sempre se ho
capito bene) cosě appena trovo tempo metto nelle faq (anche se secondo me
un modo via css dev'esserci...)
http://www.criosoftware.it/bak/AlignImg.htm


 Quello orizzontale invece mi sta facendo sputare sangue:
Se per te non e' un problema impostare le immagini come sfondo di un
elemento (un div, ad esempio) piuttosto che usare il tag img, cosi'
dovrebbe funzionare un po' ovunque (non su NS4, pare):
<div id="imgDiv" style="width: 600px; height: 600px; background-image:
url(_URL_IMMAGINE_); background-repeat: no-repeat; background-position:
center center">
&nbsp;
</div>
Se ti sono stato utile son contento.
Se ho sparato cazzate chiedo scusa :)
-- 
~Nando~ :-/__.oO
Apostolo della Prova

 Se ho sparato cazzate chiedo scusa :)
No, no ... anzi ...
...che il centramento di un'immagine in BG funzionasse perfettamente era già
cosa a me nota.
Io però l'avevo provato con il valore 50%, invece del "center" ...
fusse che fusse...
Ci provo e poi ti faccio sapere.
Grazie!
S.T.C.

Funziona perfettamente!
Anche con i parametri espressi in percentuale;
per cui credo che nella mia prova precedente c'era un errore di sintassi.
E' strano che Mozilla non mi dicesse nulla ...
Grazie comunque, vorrei darvi il link del sito, ma 1) non voglio farmi
pubblicità e 2) temo, come accaduto in passato, spamming et similia.
Ciao.
S.T.C.


 
[promo]
se installi la webdeveloper toolbar (
http://webdeveloper.mozdev.org
)
puoi validare il css (e l'html) con due click
Installala oggi it's free ;)
[/promo]
-- 
Chi e' solo e' tutto suo.
		-- Leonardo da Vinci (1452-1519)

 		-- Leonardo da Vinci (1452-1519)
Mammamia come mi piace questa, la riciclo sicuro!
-- 
"Affacciati affacciati benedici, guardaci
 guardaci...guardaci!
 Tanto sono quasi duemila anni che stai a guardare!"
									    E.B.

 puoi validare il css (e l'html) con due click
Installata e testata, carina e utile (mi piace che si apre la javascript
console da sola quando c'è un pacco, magari c'era già tra le opzioni di
firefox? boh). 
Unico "problema": ho un sacco di righe commentate, es.
 } //with obj_form
Sembra sbattersene dei // e mi indica che with è deprecato...??
-- 
"Voi abili a tenere sempre un piede qua e uno là
 avrete un avvenire certo in questo mondo qua
 però la dignità
 dove l'avete persa?"
									    V.R.

 
puoi postare un po' di codice a me non e' mai capitato ...
ps.
le firme sono '/usr/games/fortune -s' :)
-- 
Tutto questo e' realmente accaduto.
		-- Kurt Vonnegut, Comica finale

 puoi postare un po' di codice a me non e' mai capitato ...
Beh, ti posto il warning che indica anche la riga incriminata (ne ho
parecchi come questo):
Avviso: deprecated with statement usage
File sorgente:  
http://localhost/PrimestoreWeb/js/generale.js
Riga: 26
Codice sorgente: } //with obj.form


 Codice sorgente: } //with obj.form
Ehm, okay, ma quella graffa chiusa a cosa si riferisce? :) Mica ad un with? 
-- 
~ "Nell'anno 1969 è bastata la potenza di calcolo di due Commodore 64 per
mandare con successo una navicella sulla Luna. Nell'anno 2003 è
necessario un Pentium 4 a 2000 Mhz per far funzionare Windows XP.
Qualcosa deve essere andato storto."

 
a me questo funziona senza problemi
function a () {
} //with xxic
prova a segnalare il problema all'autore
-- 
- Che cos'e' che ha 4 gambe ed un braccio?
- Un doberman in un asilo nido.
		-- Da it.hobby.umorismo

 Ehm, okay, ma quella graffa chiusa a cosa si riferisce? :) Mica ad un with?
:-O
ok, torno a dormire...
praticamente in tutti i with io ho il commento alla fine (come in tutte le
graffe chiuse del resto), e quindi ho questo elenco di warning. Invece,
come dici te, si riferisce al blocco? E perché mai non me lo indica dove
nomino la with ma alla fine del blocco with? Mi sembra un po' scomoda come
cosa, non ci ero arrivato.
-- 
"Run rabbit run
 dig that hole, forget the sun
 and when at last the work is down
 don't sit down, it's time to dig another one"
									    P.F.

 Mi sembra un po' scomoda come cosa, 
In effetti lo sarebbe, se non ci fosse scritto chiaramente "deprecated with
statement usage" :) (e la possibilità di saltare al sorgente js cliccando
sul link della javascript console)
