Newsgroup: it.comp.www.html
Titolo: Immagini in HTML 4 e 5

Il codice
 
<img src="immagine.jpg" alt="descizione"><br>
<img src="immagine.jpg" alt="descrizione">
 
mi d�, in HTML4, due immagini senza spazio in mezzo; HTML5 inserisce una
manciatina di pixel.
 
Ho provato con diversi browser, senza definire nessuno stile.
 
-- 
Maurizio Pistone    strenua nos exercet inertia  Hor.
 
http://blog.mauriziopistone.it
 
 
http://www.lacabalesta.it
 
 
http://blog.ilpugnonellocchio.it
 
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 manciatina di pixel.
 
Stai usando elementi non semantici (br), e soprattutto li stai usando 
aspettandoti comportamenti non definiti (lo spazio, o la sua assenza).
 
Quindi ogni browser usa il suo css di default, e tu non hai modo di 
sapere quale sia.
 
L'unico modo per saperlo e` definire il tuo css che sovrascriva tutte le 
proprieta` di quello di default di ogni browser.
Non sempre e` possibile, ma quello che si avvicina di piu` (IMHO) senza 
effetti collaterali, e` quello di Eric Meyer.
 
Bye.


 sapere quale sia.
 
giusto. Allora ho incluso le due immagini - due quadrati di colore
uniforme - in due div sovrapposti:
 
<div><img src="immagine1.png" alt="descrizione" /></div>
<div><img src="immagine2.png" alt="descrizione" /></div>
 
Le due immagini appaiono separate da una riga bianca di un paio di
millimetri.
 
Inutile agire sulle propriet� border, margin, padding: sono gi� di
default a 0, come uno si aspetta che sia.
 
A questo punto, per non saper n� leggere n� scrivere, ho provato a
definire line-height per l'elemento <div>.
 
Con line-height:100% (che dovrebbe essere il valore standard) non cambia
nulla.
 
Invece diminuendo il valore (diciamo intorno a 65%, ma il valore dipende
dalla dimensione base della font, ed anche un pochino dal browser)
finalmente la linea bianca scompare.
 
Per quel poco che ne capisco di HTML e CSS, non � questo che ci si
aspetta dalla propriet� line-height.
 
Questo strano comportamento si presenta allo stesso modo con HTML5,
XHTML1.1 con XHTML1.0 "strict" e HTML4 "strict". Ho provato con Safari,
Firefox, Chrome, Opera (non con IE): al massimo c'� una piccola
differenza nello spessore della linea.
 
Con XHTML1.0 "transitional" e HTML4 "transitional" invece le due
immagini sono perfettamente giustapposte, senza tante cerimonie,
esattamente come Dio comanda.
 
Insomma, non so come la pensate voi, ma per me � un baco.
 
-- 
Maurizio Pistone    strenua nos exercet inertia  Hor.
 
http://blog.mauriziopistone.it
 
 
http://www.lacabalesta.it
 
 
http://blog.ilpugnonellocchio.it
 


 Insomma, non so come la pensate voi, ma per me è un baco.
 
No, e` semplicemente una configurazione diversa dei browser.
 
Se tu da css definisci
 
img {
 display: block;
}
 
Vedrai che il comportamento cambia completamente. Margin e padding 
acquisiscono potere, sparisce lo spazio bianco, le immagini vanno da sole 
una sotto l'altra, ecc. ecc.
 
E` questo che intendevo quando parlavo di NON usare HTML e di aspettarsi 
risultati visivi determinati. L'unico modo per avere quello che vuoi e` 
usando i css.
 
Bye.


 }
 
be' è l'uovo di Colombo! Le immagini sono inline, e rimangono tali anche
se sono inserite in un <div>.
 
Effettivamente non associavo le immagini agli oggetti inline. Eppure io
stesso, in quella pagina che mi faceva impazzire, avevo messo delle
iconine in linea col testo!
 
Grazie.
 
-- 
Maurizio Pistone    strenua nos exercet inertia  Hor.
 
http://blog.mauriziopistone.it
 
 
http://www.lacabalesta.it
 
 
http://blog.ilpugnonellocchio.it
 
