Newsgroup: it.comp.lang.javascript
Titolo: OT sui CSS, concedetemelo.

Ciao a tutti,
non riesco a venire a capo di una cosa.
Prima dell'uso dei CSS, per centrare una o piu' immagini in sequenza 
bastava usare il comando <CENTER>.
Adesso pero' e' dichiarato "DEPRECATED" dal W3C.
Ora, se voglio centrare 4 immagini consecutive (sono il titolo della 
Home Page), se ho ben capito dovrei usare il comando CSS "POSITION", che 
pero' nei suoi attributi non ha un'opzione CENTER.
Come accidenti devo fare ?
Ringrazio sin d'ora chi potra' aiutarmi.
	wolfenstein

 ha scritto nel messaggio
news:BI8Pa.14785$qa5.3...@news2.tin.it...

fare una cosa tipo
<div align=center>
<img src=...>
...
<img src=...>
</div>
e' deprecato anche questo?
Ciao,
Ema

 e' deprecato anche questo?
No.
Pero' devo racchiudere il comando <IMG> all'interno di un <DIV>.
Posso ottenere lo stesso ridultato anche con <TABLE> o <SPAN>, ad esempio.
Quello che sto cercando di capire io e' se esiste un modo "diretto" per 
assegnare al comando <IMG> un posizionamento centrato via CSS2.
Ti ringrazio per avermi risposto.
Tanti saluti.
	wolfenstein

 e' deprecato anche questo?


 e' deprecato anche questo?


 e' deprecato anche questo?


 e' deprecato anche questo?


 Home Page), se ho ben capito dovrei usare il comando CSS "POSITION", 
Hai capito male :)
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
"When you have eliminated the impossible, whatever remains,
however improbable, must be the truth." (S.H.)

 e' deprecato anche questo?
Si (
www.w3c.org
).


 Pero' devo racchiudere il comando <IMG> all'interno di un <DIV>.
E prima lo racchiudevi all'interno di un "<center>" :)


 Hai capito male :
Infatti. :-)

 Sinceramente pensavo il contrario.
Ci sono dei metodi per centrare "box" (comprese anche le immagini, 
quindi ) , anche se non sono "wrappati" da un altro elemento con 
allineamento interno settato a "center", ma te li sconsiglio.
Puoi dare un occhiata a 
www.constile.org
, cmq, troverai informazioni 
interessanti.


"wolfenstein"  ha scritto:
| Prima dell'uso dei CSS, per centrare una o piu' immagini in sequenza
| bastava usare il comando <CENTER>.
| Adesso pero' e' dichiarato "DEPRECATED" dal W3C.
| Ora, se voglio centrare 4 immagini consecutive (sono il titolo della
| Home Page), se ho ben capito dovrei usare il comando CSS "POSITION", che
| pero' nei suoi attributi non ha un'opzione CENTER.
| Come accidenti devo fare ?
Ciao Wolfenstein,
    per centrare un' immagine, o un qualsiasi elemento,
rispetto al suo contenitore basta scrivere:
<img style="margin: 0px auto" alt="ecc" src="...">
Lo stile dice che l' immagine ha margini verticali pari a zero pixel,
mentre quelli orizzontali vengono distribuiti dato che il valore "auto"
viene assegnato sia al margine destro che quello sinistro.
Solo che IE non interpreta bene la regola, quindi come ti hanno
già suggerito bisogna inserirle in un div con "text-align: center"
che sugli altri browsers non ha effetto se non sul testo.
Ecco il codice html completo:
<div style="text-align=center">
    <img style="margin: 0px auto" alt="ecc" src="...">
    <img style="margin: 0px auto" alt="ecc" src="...">
    <img style="margin: 0px auto" alt="ecc" src="...">
    <img style="margin: 0px auto" alt="ecc" src="...">
</div>
Saluti,
    SantaKlauss
P.S: già che ci sono ecco alcuni link di siti con tutorial sui css.
Ci trovi anche tutorial su javascript.
www.w3schools.com
www.brainjar.com
http://codepunk.hardwar.org.uk

"wolfenstein"  ha scritto:
|
| | Prima dell'uso dei CSS, per centrare una o piu' immagini in sequenza
| | bastava usare il comando <CENTER>.
| | Adesso pero' e' dichiarato "DEPRECATED" dal W3C.
| | Ora, se voglio centrare 4 immagini consecutive (sono il titolo della
| | Home Page), se ho ben capito dovrei usare il comando CSS "POSITION", che
| | pero' nei suoi attributi non ha un'opzione CENTER.
| | Come accidenti devo fare ?
C'e' anche un alternativa.. mettere le immagini come sfondo di un div.
Ecco come fare:
<div style="height:80px;background: transparent url("img1.gif") no-repeat top center">&nsbp;</div>
<div style="height:80px;background: transparent url("img2.gif") no-repeat top center">&nsbp;</div>
<div style="height:80px;background: transparent url("img3.gif") no-repeat top center">&nsbp;</div>
<div style="height:80px;background: transparent url("img4.gif") no-repeat top center">&nsbp;</div>
Di ogni div devi specificare l' altezza (che sarà l' altezza dell' immagine)
e le caratteristiche del background. In questo caso:
-transparent stai ad indicare che il div non ha colore di sfondo
- url("...") specifica l' immagine di background
- no-repeat dice di non ripetere l' immagine di sfondo
- top sta ad indicare la posizione verticale dell' immagine di sfondo
- center sta ad indicare la posizione orizzontale dell' immagine di sfondo
Saluti,
    SantaKlauss

 C'e' anche un alternativa.. mettere le immagini come sfondo di un div.
L'ho utilizzata in alcuni casi (non tanto per centrare un immagine, 
quanto per separare rendere ancora piu' configurabile l'aspetto tramite 
CSS senza toccare i tag HTML).
L'unico difetto e' che su alcuni browser vengono gestiti in malo modo 
rispetto ai tag IMG, se successivamente operi un cambio di style in un 
elemento collegato (sfarfallano).


SantaKlauss ha scritto:

Di una precisione ineccepibile.
Ringrazio tantissimo anche te per le dritte.
Ottimo il sito 
http://www.w3schools.com
.
Mi ha risolto un problemino in javascripts.
     wolfenstein