Avvicinare immagini

[goikiu]

Date quattro immagini (ma potrebbero essere di più in un secondo momento), di dimensione 5px (altezza) per 5 px (larghezza). Poste in questo modo:

Riga Immagini
1 AB
2 CD

Come posso fare che l'immagine A sia attaccata all'immagine B e di conseguenza pure C a D e che non vi sia spazio tra la riga uno e la riga due?

Pensavo di usare il css (e fino a qui ci siamo), ma l'unico modo che mi viene in mente è mettere le immagini in una tabella, alta quanto l'immagine e togliere i bordi.

[goikiu]

O anche senza usare tabelle forse è possibile fare lo stesso con div e span... mi chiedevo se esistevano tecniche più "comode"...

[ricman]

Dipende dalla complessità del contesto.... ma in generale farei una cosa tipo:

<div id="foto">
  <img src.... A><img src.... B><img src.... C><img src.... D>
</div>

CSS
img {margin:0;padding:0;border:none;}
#foto {width:10px;margin:0;padding:0;border:none;}

[goikiu]

Provo a fare un'esempio più concreto, dato questo codice html:

<div id="riga_1">
 [img]p0.gif[/img]
 [img]p0.gif[/img]
</div>
<div id="riga_2">
 [img]p0.gif[/img]
 [img]p0.gif[/img]
</div> 

ho provato ad inserire una versione del codice css di esempio da te indicata :

img {margin:0;padding:0;border:none;}
#riga_1 {width:10px;margin:0;padding:0;border:none;}
#riga_2 {width:10px;margin:0;padding:0;border:none;} 

Il risultato è che mi mette le immagini una per riga... e li va bene... anche se le immagini sono delle 5pixel x 5 pixel provo a mettere 11 di larghezza... ma non cambia... cosa dovrei modificare ancora?

[goikiu]

Ho più o meno risolto leggendo un'articolo online qui: http://www.italianwebdesign.it/elimi...a-orizzontale/

Ho trasformato il mio codice html in:

<div id="riga_1">
                [img]p0.gif[/img][img]p0.gif[/img]
            </div>
            <div id="riga_2">
                [img]p0.gif[/img][img]p0.gif[/img]
            </div> 

ed ora ho il risultato desiderato o_O... i misteri dei browser...

[miki003]

Guarda che funzionava anche come ti ha detto ricman, il problema che tu forse non hai capito che l immagini volebano messe sulla stessa riga senza spazi e era più semplice

[goikiu]

il codice Css di ricman era impeccabile, non sapevo di questa gabola tra gli spazi inline però

[ricman]

Originariamente inviato da goikiu
il codice Css di ricman era impeccabile, non sapevo di questa gabola tra gli spazi inline però

Si, in effetti è una stron#ata! A me piace il codice indentato con cura e in certi casi non lo posso fare...
E poi c'è da notare che non lo fa con tutti i tag...

[goikiu]

Anche a me piace il codice indentato con cura, ma non sono così ferreo sul codice html, programmando io in php il codice html in output non è sempre così ordinato come vorrei, e dato che questa funzione ora probabilmente la metto in loop meglio aver trovato la gabola subito credo.