Newsgroup: it.comp.www.html
Titolo: [CSS] Spazio tra le linee

Salve,
ho una pagina html fatta così:
<div>
  <img src="file.jpg" WIDTH="10" HEIGHT="10" BORDER="0" ALT="">
  <br>
  <img src="file.jpg" WIDTH="10" HEIGHT="10" BORDER="0" ALT="">
  <br>
  <img src="file.jpg" WIDTH="10" HEIGHT="10" BORDER="0" ALT="">
  <br>
  <img src="file.jpg" WIDTH="10" HEIGHT="10" BORDER="0" ALT="">
</div>
le immagini dovrebbero essere adiacenti (compongono una immagine più
grande) invece c'è uno spazio di 2-3 pixel tra una linea e l'altra.
non posso modificare l'html (è generato da uno script server-side cui non
ho accesso) ma solo il css.
non credo sia rilevante, comunque il css attuale è:
div {
  position: absolute;
  top: 0px; left: 150px;
  width: 600px; height: 100%;
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-right: 1px solid black;
  border-bottom: 2px solid black;
  padding-left: 15px;
  padding-top: 5px;
}
grazie a chi mi potrà aiutare
-- 
Chinaski FDB
www.glabs.it
email: 
ulloatildisturboglabs.it
togli il disturbo per scrivermi
questo articolo e` stato inviato via web dal servizio gratuito 
http://www.newsland.it/news
 segnala gli abusi ad 
ab...@newsland.it

Se devi formare un'immagine piů grande con un insieme di immagini piů
piccole devi usare una tabella con CELLPADDING=0 e CELLSPACING=0, una cella
per ogni immagine, inoltre metto BORDER=0 ad ogni immagine e per sicurezza
anche VSPACE e HSPACE

Michele Porcarelli ha scritto:

ripeto:
non posso modificare l'html (č generato da uno script server-side cui non
ho accesso) ma solo il css
-- 
Chinaski FDB


allora non puoi ti conviene fare un'unica immagine e usare l'IMAGEMAP

 allora non puoi ti conviene fare un'unica immagine e usare l'IMAGEMAP
no, non posso. le immagini e l'html sono generati da una applicazione
propretaria su cui non posso mettere le mani.
posso solo modificare il css


 allora non puoi ti conviene fare un'unica immagine e usare l'IMAGEMAP
Ma te l'ha già detto che può modificare solo i css...
--
[Non siamo materia che aspetta, ma schemi che si perpetuano.]
Rhadamanth.net (
http://www.rhadamanth.net
)
CMS it-alt.* (
http://www.x-privat.org/it-alt/
)
Savona Web (
http://www.savonaweb.net
)

 </div>
Ho fatto una prova:
con Opera 7.23 la cosa funziona, mentre Ie 5.5 è come dici tu.
Il tuo problema purtroppo è dovuto a una disfunzione di Ie che ho notato già
altre volte.
In pratica al posto di scrivere la riga così:
    <img src="file.jpg" WIDTH="10" HEIGHT="10" BORDER="0" ALT="">
    <br>
....basterebbe scriverla così (tutto su una linea):
    <img src="file.jpg"  WIDTH="100" HEIGHT="100" BORDER="0" ALT="" ><br>
.... ma purtroppo non puoi modificare l'html.
Bye Cico

Prova con un
img {margin-bottom: -5px;}

 img {margin-bottom: -5px;}
soluzione affascinante.
ci provo
-- 
Chinaski FDB



Il problema è dovuto al fatto che se l'html NON è scritto tutto su una riga,
significa che verrà visualizzata l'immagine SEGUITA DA UNO SPAZIO, e poi si
andrà a capo, un'altra immagine e un altro spazio...
Il problema si verifica quando si hanno immagini più piccole dell'altezza di
uno spazio.
Quindi è sufficiente ridefinire la dimensione del carattere all'interno di
quel tag <div>, visto che comunque non contiene alcun testo.
div {
   font-size: 4px;
   ... altre dichiarazioni di stile...
}
Certo sarebbe un problema se nella stessa pagina esistessero altri tag
<div>, ma comunque questa è la soluzione utilizzando solo i CSS.
--
Nello Polesello
Per le risposte in mail sono libero, non occupato.

 uno spazio.
Questo probabilmente solo con IE (ipotizzo), perchè con Opera 7.23
visualizza
la cosa a dovere, indipendentemente dalla formattazione e dal size
impostato.
Non sò gli altri browser.
Bye Cico