Problema con spazio tra le immagini

**Linux2004** · 03-01-2008, 13:00

Buongiorno a tutti,

Ho notato che, quando inserisco delle immagini in questo modo:

codice:

<div>
   [img]img1.jpg[/img]
   [img]img2.jpg[/img]
   [img]img3.jpg[/img]
   [img]img4.jpg[/img]
   [img]img5.jpg[/img]
</div>

Si creano degli spazi tra queste. Sono quindi costretto a scrivere il codice in questo modo:

codice:

<div>
   [img]img1.jpg[/img][img]img2.jpg[/img][img]img3.jpg[/img][img]img4.jpg[/img][img]img5.jpg[/img]
</div>

Qualcuno ha incontrato il mio stesso problema?

Grazie

**+CyberGhost+** · 03-01-2008, 20:39

avevo notato anche io tempo fa questa cosa anche se fai un testo e mandi poi l'invio a metà parola lui nel browser ti mette lo spazio

comunque per le immagini quanto sono grandi? se devi metterle una sotto l'altra senza spazi basta ke dopo ognuna metti il tag

**Linux2004** · 04-01-2008, 00:06

Originariamente inviato da +CyberGhost+
avevo notato anche io tempo fa questa cosa anche se fai un testo e mandi poi l'invio a metà parola lui nel browser ti mette lo spazio

comunque per le immagini quanto sono grandi? se devi metterle una sotto l'altra senza spazi basta ke dopo ognuna metti il tag

Ho provato con diverse dimensioni... il problema è sempre lo stesso.

Le immagini voglio che siano disposte una di fianco all'altra.

**+CyberGhost+** · 04-01-2008, 00:38

l'unica soluzione è fare la tua seconda esecuzione perchè altrimenti te l'ho detto ogni invio corrisponde ad uno spazio ( l'alternativa sarebbe modificare le immagini e crearne una con già tutte le immagini in fila ma non penso sia molto utile )

**Max1** · 04-01-2008, 01:53

codice:

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td valign="middle" align="center">[img]img1.jpg[/img]</td>
      <td valign="middle" align="center">[img]fileimg2.jpg[/img]</td>
      <td valign="middle" align="center">[img]img3.jpg[/img]</td>
      <td valign="middle" align="center">[img]img4.jpg[/img]</td>
    </tr>
  </table>
  </center>
</div>

**Max1** · 04-01-2008, 02:08

Oppure per chi non piace le tabelle:

codice:

<html>
<head>
<title>foto</title>
<style type="text/css">
.ts_0 {border:0px outset black; height:112px; position: relative; text-align: left; width: 600px;} 
.ts_1 {height: 112px; left: 0px; padding: 0px; position: absolute; top: 0px; width: 150px;} 
.ts_2 {height: 112px; left: 150px; padding: 0px; position: absolute; top: 0px; width: 150px;} 
.ts_3 {height: 112px; left: 300px; padding: 0px; position: absolute; top: 0px; width: 150px;} 
.ts_4 {height: 112px; left: 450px; padding: 0px; position: absolute; top: 0px; width: 150px;}
</style>
</head>
<body>
<div align="center">
<center>
<div class="ts_0">
<div align="center" class="ts_1">
[img]img1.jpg[/img]
</div>
<div align="center" class="ts_2">
[img]img2.jpg[/img]
</div>
<div align="center" class="ts_3">
[img]img3.jpg[/img]
</div>
<div align="center" class="ts_4">
[img]img4.jpg[/img]
</div>
</div>
</center>
</div>
</body>
</html>

**Jarno** · 04-01-2008, 02:14

Originariamente inviato da Linux2004
Buongiorno a tutti,

Ho notato che, quando inserisco delle immagini in questo modo:

codice:

<div>
   [img]img1.jpg[/img]
   [img]img2.jpg[/img]
   [img]img3.jpg[/img]
   [img]img4.jpg[/img]
   [img]img5.jpg[/img]
</div>

Si creano degli spazi tra queste. Sono quindi costretto a scrivere il codice in questo modo:

codice:

<div>
   [img]img1.jpg[/img][img]img2.jpg[/img][img]img3.jpg[/img][img]img4.jpg[/img][img]img5.jpg[/img]
</div>

Qualcuno ha incontrato il mio stesso problema?

Grazie

sicuro che non dipenda dal carattere di tabulazione?
sicuro che non sia il margin/padding/border?
che manchi il text-align:left del div?

**Linux2004** · 04-01-2008, 12:15

Vedendo il codice scritto da max e leggendo il commento di jarno, mi viene da pensare che sia proprio colpa del padding.

Provo il prima possibile e vi faccio sapere...

**gabip87** · 04-01-2008, 13:26

Originariamente inviato da Max1

codice:

<center>
<div class="ts_0">
<div align="center" class="ts_1">
[img]img1.jpg[/img]

meglio evitare certi post

· il tag <center> è deprecato;
· align="center" lo usava mia nonna quanto era ancora giovane;
· le immagini non vanno dimensionate da codice;
· non si usano formattazioni miste (inline + css).

- una tabella non è che a qualcuno piace e qualcun'altro no... basta usarla quando serve.

se pensi che il mio intervento sia fuoriluogo, ti ricordo che non è la prima volta che fai post del genere. grazie per l'attenzione.

Discussione: Problema con spazio tra le immagini

Strumenti discussione

Ricerca discussione

Visualizza

Problema con spazio tra le immagini

Re: Problema con spazio tra le immagini

Permessi di invio