Immagini, width, height

il.rappo

Immagini, width, height

E' da un pò che mi frulla per la testa questa domanda:

Mi sembra che le immagini, anche in xhtml 1.1, ci si possa usare gli attributi <img src... width="" height="" />.

Ora io, iniziando a mettere il bordo dichiarandolo da css, pensavo di mettere anche queste da css. Ma poi non da conflitto, ed anzi lo segna come errore?

Io sono per metterle da css ma non so.. alla fine se bisogna separare la grafica dal contenuto questo non gli va contro?

hogudo

Ciao Rappo, funziona.
A me funziona sempre mettere anche lì, nel css, la larghezza delle immagini.
Se vuoi fai vedere la riga di codice e il relativo rimando al css, con il messagio di errore

il.rappo

@hogudo said:

Se vuoi fai vedere la riga di codice e il relativo rimando al css, con il messagio di errore

Stavo ancora parlando nel teorico

Perchè in fondo, usandolo da riga di codice normale, non si va contro quello che è la separazione di contenuti e grafica? Questo è quello che in realtà chiedevo.

hogudo

Ah, ok. Ho capito.

Nelle versioni da xhtml1.0 script in su altezza e larghezza vanno settate tramite css.
Visto che anche i css inline non sono ortodossi, non sarebbe fuori dal mondo ipotizzare anche le misure relative alle immagini su un css esterno, cosa tra l'altro molto comoda perchè anche lì potrebbe capitare di gestire a classi il tutto.
Che ne pensi?

il.rappo

@hogudo said:

Che ne pensi?
Che da un lato sarebbe più comodo, ma dall'altra no, io ho una sola immagine mettiamo, e difficilmente vado a settare una classe css apposta solo per quella immagine, piuttosto uso uno stile inline. Più leggero anche imho.

@hogudo said:

xhtml1.0 script
xhtml1.0 script? I don't know xhtml1.0 script

hogudo

xhtml1.0 script? I don't know xhtml1.0 script
Hai ragione, scusa. errore di distrazione imperdonabile.

pigot4

Sarebbe utile settarle nel CSS...

Se l'immagine è di stile, quindi di grafica del sito la passi come background del CSS, se l'immagine è di contenuto usi IMG

Naturalmente non fai una classe o un id per ogni img. Ma img trova già a priori le dimensioni delle immagini.

Mi spiego meglio. Se ho un immagine 400 x 300 posso mettere <img src="" alt="" /> così mi caricherà lìimmagine alle giuste dimensioni. Ma se l'immagine non dovesse essere caricata, così lo spazio occupato dall'immagine resta libero, quindi se questo è un problema, metti le dimensioni inline, se non è un problema non le metti. Semplice

fickyz

@Pigot4 said:

Sarebbe utile settarle nel CSS...

Se l'immagine è di stile, quindi di grafica del sito la passi come background del CSS, se l'immagine è di contenuto usi IMG

Naturalmente non fai una classe o un id per ogni img. Ma img trova già a priori le dimensioni delle immagini.

Mi spiego meglio. Se ho un immagine 400 x 300 posso mettere <img src="" alt="" /> così mi caricherà lìimmagine alle giuste dimensioni. Ma se l'immagine non dovesse essere caricata, così lo spazio occupato dall'immagine resta libero, quindi se questo è un problema, metti le dimensioni inline, se non è un problema non le metti. Semplice

IO aggiro l'ostacolo ritagliando o ridimensionando l'immagine proprio nella dimensione che mi occorre così non ho bisogno nè di css, nè di style inline. Tuttavia, se mi occorre, carico un foglio di stile apposito diverso da quello del layout generale, dei paragrafi, dei menu!

vale76

salve
ovviamente sfondi e immagini grafiche le ho tutte gestite dal CSS.
Per le immagini di contenuto io di solito faccio così:

mentre in genere, se è un link-immagine:

jardem

@Vale76 said:

salve
ovviamente sfondi e immagini grafiche le ho tutte gestite dal CSS.
Per le immagini di contenuto io di solito faccio così:

mentre in genere, se è un link-immagine:

Ciao Vale76
Come fai tu va bene se la pagina è xhtml transitional, ma se xhtml 1.0 strict o xhtml 1.1 (come si dice nel 3d) non puoi usare width e height e devi seguire le indicazioni di Pigot4

fra.t

Ciao,
In verità ancora in XHTML 1.1 l'attributo width e height per le immagini è consentito: http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imagemodule

Come rimangono consentiti i tag di presentazione: http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_presentationmodule

elvino

@Fra_T said:

Ciao,
In verità ancora in XHTML 1.1 l'attributo width e height per le immagini è consentito: http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imagemodule

Infatti: http://www.w3schools.com/tags/tag_img.asp

@Fra_T said:

Come rimangono consentiti i tag di presentazione: http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_presentationmodule

Infatti: http://www.w3schools.com/tags/default.asp

jardem

@Fra_T said:

Ciao,
In verità ancora in XHTML 1.1 l'attributo width e height per le immagini è consentito....

Hai ragione Fra_T
Il fatto che oramai non li uso da diverso tempo mi ha portato ad una affermazione scorretta.

La confusione è nata da ciò che è obbligatorio e opzionale
Gli elementi height e width sono opzionali. (e naturalmente opzionale è diverso che deprecato)

PARDON

vale76

@jardem said:

Ciao Vale76
Come fai tu va bene se la pagina è xhtml transitional, ma se xhtml 1.0 strict o xhtml 1.1 (come si dice nel 3d) non puoi usare width e height e devi seguire le indicazioni di Pigot4

opps in questo caso chiedo umilmente scusa, sono io quella fuori tema :redface: (io sono ancora all'html strict :impiccato:)
Scusate ancora.
Valentina ---->

La confusione è nata da ciò che è obbligatorio e opzionale
Gli elementi height e width sono opzionali. (e naturalmente opzionale è diverso che deprecato)

cmq

indicare le dimensioni dovrebbe di logica essere meglio per il browser, per essere più facilitato a leggere correttamente le misure, no? :bho:

fra.t

in teoria sì: non deve "rigenerare" la pagina a caricamento avvenuto dell'immagine

pigot4

In teoria, se l'assenza dell'immagine non ti da problemi con la grafica generale, anche non mettendo le dimensioni l'immagine viene caricata correttamente, l'unico problema potrebbe nascere nel momento in cui non venisse caricata per motivi legati al server.

width e height sono sconsigliati in xHTML 1.0 Strict, xHTML 1.1 e se mi posso permettere ve li sconsiglio, personalmente, anche in Transitional e HTML 4

vale76

@Pigot4 said:

width e height sono sconsigliati in xHTML 1.0 Strict, xHTML 1.1 e se mi posso permettere ve li sconsiglio, personalmente, anche in Transitional e HTML 4

Quindi? Indicarli nel CSS? nel mio caso è impossibile, perché ne ho quasi in tutte le pagine, con misure diverse.

jardem

@Pigot4 said:

width e height sono sconsigliati in xHTML 1.0 Strict, xHTML 1.1 e se mi posso permettere ve li sconsiglio, personalmente, anche in Transitional e HTML 4
Come già detto nell'intervento precedente non uso oramai da tempo gli attributi width e height per il tag img e anch?io ne sconsiglio l?uso.

La maggior parte dei designer che usa XHTML tende a seguire questa parte della specifica:

All IMG and OBJECT attributes that concern visual alignment and presentation have been deprecated in favor of style sheets.

Questo per dividere il layout dai contenuti in senso rigoroso (pensando quasi al futuro XHTML 2)

 **Come però sottolinea Fra_T l?uso di questi attributi è consentito. **

Gli attributi width e height sono IMPLIED (opzionali) e i nuovi browser visualizzano le immagini correttamente anche senza attributi.

 Ora, secondo me, è una di quelle parti dove il W3C ha cercato di lavorare in modo flessibile, preparando designer e soprattutto produttori di media (browser, palmari, cellulari, lettori vocali?) per il futuro:

 **cercare di gestire dove è possibile tutta la parte di presentazione con Style Sheets** perché in futuro ciò che si potrà fare con i tag XHTML sarà solo determinare blocchi semantici riproducibili a prescindere dal tipo di media utilizzato.

Cosa dire a Vale76?
Valuta il tuo layout e decidi di conseguenza?
Se il server non ha problemi le tue immagini si vedranno benissimo senza attributi.

 Usare **TUTTE **le misure delle immagini nel CSS? È assurdo: immagina un catalogo di 2000/3000 immagini di prodotti? a meno di non realizzare un CSS dinamico, ma in ogni caso se hai problemi di download delle immagini lato server avrai lo stesso problema con il CSS. 


    Ora chiudo? domattina ho appuntamento con il meccanico è già mi sento il mal di testa?*  :D

A voi la palla: li usiamo o non li usiamo queste misure?
Se non li usiamo recuperiamo anche qualche Kb...

vale76

@jardem said:

Cosa dire a Vale76?
Valuta il tuo layout e decidi di conseguenza…
Se il server non ha problemi le tue immagini si vedranno benissimo senza attributi.
Usare **TUTTE **le misure delle immagini nel CSS? È assurdo: immagina un catalogo di 2000/3000 immagini di prodotti&#8230; a meno di non realizzare un CSS dinamico, ma in ogni caso se hai problemi di download delle immagini lato server avrai lo stesso problema con il CSS. 


   Ora chiudo&#8230; domattina ho appuntamento con il meccanico è già mi sento il mal di testa&#8230;*  :D
A voi la palla: li usiamo o non li usiamo queste misure?
Se non li usiamo recuperiamo anche qualche Kb...

esatto! era proprio quello che dicevo io, che faccio, mi faccio 500 fogli di stile??
bho, dai, le valutazioni che facevi riguardo alla corretta interpretazione da parte dei browser mi conforta, poi di problemi di server al momento per fortuna non ne ho.. vabbè tanto per il momento sono ancora al 4.01 strict e perciò per ora lascio così.
P.S. sul fatto di perdere kb se levo le misure =

da quando ho ristrutturato comunque tutto il sito con i CSS (ossia dall'anno scorso) il mio sito (che prima era un pasticcio abominevole di codice)
penso che abbia perso almeno il 50 per cento del peso!

scappo notteeeeeeeeeeeeeeeeee

pigot4

No, non in file esterno. CSS in line se è il caso

style="widht:80px; height:100px;" è megio di width:80 e height:100

Il browser visualizza tutto per natura. Prova a fare una pagina e invece di aprire <html> e chiudere </html> apri <hlmt> e chiudi </hlmt> o cambia queste lettere nell'ordine che vuoi. Il browser non fa una piega, ma ciò non significa che è standard