jQuery: Posición de las imágenes dentro de una tabla HTML

Digamos que tengo una mesa:

  <table id="table1" border="1">
    <tr>
      <td id='id1'  style="width:200px"></td>
      <td id='id2'  style="width:200px">2222</td> 
    </tr>

  </table>

Estoy usando el siguiente código para agregar imágenes a estas celdas de tabla

$('#id1').append('<img src=images/image1.jpg />');
$('#id1').append('<img src=images/image2.jpg />');
$('#id1').append('<img src=images/image3.jpg />');

$('#id2').append('<img src=images/image4.jpg />');

Ahora lo que quiero lograr es esto:
1. para la celda "id2", quiero que la imagen siempre se alinee a la derecha para que no esté al lado del texto.
2. para la celda "id1", ya que esas 3 imágenes tienen diferentes tamaños (24x24, 32x32, 24x24), no quiero que estén una al lado de la otra. lo que quiero es que como si hubiera 3 celdas pequeñas en esa celda, cada una con un tamaño de 32x32, y poner esas imágenes en esas celdas pequeñas una por una.

No soy bueno en html o javascript. ¿Es posible hacerlo?

preguntado el 29 de junio de 12 a las 19:06

2 Respuestas

CO

#id2 img { float: right; }

HTML

    <table id="table1" border="1">
    <tr>
      <td id='id1'  style="width:200px"><table><tr></tr></table></td>
      <td id='id2'  style="width:200px">2222</td> 
    </tr>
  </table>

Javascript

$('#id1').find('tr').append('<td><img src=images/image1.jpg /></td>');
...

Respondido el 29 de junio de 12 a las 19:06

Basado en el artículo n. ° 2, diría que no ha terminado de definir su tabla. Debe agregar una tabla anidada en #id2 (los méritos de este enfoque se pueden debatir más adelante).

Así sería tu mesa

<table>
    <tr>
        <td id="id1"></td>
    </tr>
    <tr>
        <td>
            <table>
                <tr>
                    <td id="id1a"></td>
                    <td id="id1b"></td>
                    <td id="id1c"></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

A partir de ahí, agregaría sus imágenes a las subceldas.

Respondido el 29 de junio de 12 a las 19:06

Oswaldo Acauan se me adelantó. :) - chris juramento

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.