Como poner imágenes juntas una de otra...?? (sin absolutamente nada de margen)

Hola a todos, tengo esa duda... no he podido poner imagenes juntas una de otra, la unica solución que encontré hasta ahora es usando tablas, pero igual se ve un poco de margen yo quiero que simplemente no exista el margen entre imagenes, es posible?

Estoy usando este codigo para las tablas, pero me doy cuenta que sigo teniendo el margen entre las fotos:

<div align="center">
<center>
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" style="width: 100px;">
<tbody>
<tr>
<td>FOTO1</td>
<td>FOTO2</td>
<td>FOTO3</td>
<td>FOTO4</td>
<td>FOTO5</td>
<td>FOTO6</td>
</tr>
</table>
</center>
</div>

Me gustaría que las fotos estén así:

GNula Clon


Gracias antemano por su respuesta.

lo puedes hacer con elementos de lista
<ul>
<li></li>
<li></li>
... etc
</ul>

al <ul> y <li> le das los estilos!

En ves de una tabla creas un <div> de x tamaño. Luego escoges por defecto el tamaño de las imágenes, y le das float right, y ya quedaría.

<div>
imagen con el estilo float:right;
imagen con el estilo float:right;
imagen con el estilo float:right;
</div>

likepop dijo:

En ves de una tabla creas un <div> de x tamaño. Luego escoges por defecto el tamaño de las imágenes, y le das float right, y ya quedaría.

<div>
imagen con el estilo float:right;
imagen con el estilo float:right;
imagen con el estilo float:right;
</div>

Hacer clic para expandir...

- - - Actualizado - - -

Le puse así:

<div>
FOTO1 float:right;
FOTO2 float:right;
FOTO3 float:right;
</div>

Pero me di cuenta que despues de cada 3 imágenes que ponía por renglón me salian las palabras:

float:right;

Hay que poner un número en float:right? o para que sirve?
usando el <div> y </div> y se me ven juntas las fotos, aunque me quedó la duda de como poder modificar el tamaño en <div> y lo de float:right ....

Si pudieran ayudarme con eso se los agradeceré, disculpen las molestias.

AllenStrayjom dijo:

- - - Actualizado - - -

Le puse así:

<div>
FOTO1 float:right;
FOTO2 float:right;
FOTO3 float:right;
</div>

Pero me di cuenta que despues de cada 3 imágenes que ponía por renglón me salian las palabras:

float:right;

Hay que poner un número en float:right? o para que sirve?
usando el <div> y </div> y se me ven juntas las fotos, aunque me quedó la duda de como poder modificar el tamaño en <div> y lo de float:right ....

Si pudieran ayudarme con eso se los agradeceré, disculpen las molestias.

Hacer clic para expandir...

El float:right; es una propiedad CSS. Lo que tendrías que hacer para que te quedara correcto, es asignarle una class igual para todas las fotos con la propiedad float:right; entonces no estrías repitiendo el float en todo momento. Al div se le signa un tamaño mediante CSS también. Pero prueba haber si te funciona así. Width es el ancho, y height el alto.

Pondrías:

<div style="width:200px; height:200px;">

<img style="float:right;" src="">
<img style="float:right;" src="">

</div>

Edit: el float:right; lo que hace es hacer "flotar" las imágenes a la derecha. No se signa ningún valor numérico.