Imagen al lado de Tabla

[rodricrzz]

Buenas, mi problema es que tengo una tabla de 50x40 px, de una sola celda, y quiero poner al lado una imagen pero la ubica en la siguiente linea... aca va una imagen:



ahi pueden ver que la imagen queda por debajo, yo lo que quiero es que esté justo a la derecha de la tabla (lo que dice "2400w potencia" es la tabla y lo que dice "MP3" es una imagen jpg).

Este es el codigo de ese pedazo, el mismo esta a la vez dentro de una tabla, en una celda:

<table border="0" width="50" style="font-family:verdana; line-height: 90%; font-weight:bold" cellspacing="0" cellpadding="0">
<tr>
<td width="41%" height="40" background="botones.jpg">
<p align="center">
<font color="#FFFFFF" style="font-size: 8pt">2400</font><font color="#FFFFFF"><font style="font-size: 7pt">w</font><span style="font-size: 10pt"><br>
</span><span style="font-size: 5pt">POTENCIA</span></font></td>
</tr>
</table>
</div>
<p align="center">
<img border="0" src="botones_caracteristicas/HD.jpg" width="50" height="40">

espero que puedan ayudarme, muchas gracias desde ya.

[Farothx]

No estoy seguro, pero no es mas facil ponerlo como lista en vez de como tabla? y ahi darle con css float left

[emprear]

bueno, que hiciste una tabla, poruqe no hacer dos celdas y poner en la segunda la imagen

[Ventru3]

Código HTML:

<table border="0" width="50" style="font-family:verdana; line-height: 90%; font-weight:bold" cellspacing="0" cellpadding="0">
<tr>
<td width="41%" height="40" background="botones.jpg">
<p align="center">
<font color="#FFFFFF" style="font-size: 8pt">2400</font><font color="#FFFFFF"><font style="font-size: 7pt">w</font><span style="font-size: 10pt"><br>
</span><span style="font-size: 5pt">POTENCIA</span></font></td>
</tr>
</table>
</div>
<p align="center">
<img border="0" src="botones_caracteristicas/HD.jpg" width="50" height="40"> 

Solo te voy a escribir como poner la imagen al lado, el tipo de letra, tamaño, etc, ya lo haces tu.

La mejor forma para alinear, ajustar, posicionar imágenes es con tablas. Si la quieres al lado solo hace falta que le añadas otra celda.

Código HTML:

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="41%" height="40" background="botones.jpg"/>
    <td width="50" height="40" background="botones_caracteristicas/HD.jpg"/>
  </tr>
</table> 

El tamaño de las imágenes son las que tu has puesto. No te recomiendo ponerlo en porcentaje, pon los pixels de cada imagen y ya esta. Tampoco me gusta que a uno lo pongas como fondo y otro como imagen, seria mejor que los dos fueran del mismo tipo y si no vas a escribir nada encima de ellos que fueran como imagen.

[rodricrzz]

muchas gracias por las respuestas.. no hay forma entonces de evitar la otra celda?
porqe yo queria qe esa tabla sea fija y no tener que agregarle celdas ni nada, porqe aveces son una , dos o tres imagenes las que tengo que agregar al lado, y es medio molesto tener que agregar celdas por imagen que agrego, no se puede si no es con celdas entonces?

[emprear]

rodricrzz:

si hay forma, pero debiste aclarar lo siguiente antes

porqe aveces son una , dos o tres imagenes las que tengo que agregar al lado

Yo sólo te dí la solución mas fácil

fijate en
http://foros.emprear.com/css/backgro...tabla_img.html

En el código esta el css necesarios, deje los bordes para mejor visualización, si agregas más img a continuación se uiran alineando a la derecha hasta que tengas espacio

Saludos

[rodricrzz]

Iniciado por emprear

rodricrzz:

si hay forma, pero debiste aclarar lo siguiente antes




Yo sólo te dí la solución mas fácil

fijate en
[url]http://foros.emprear.com/css/background-size/tabla_img.html[/url]

En el código esta el css necesarios, deje los bordes para mejor visualización, si agregas más img a continuación se uiran alineando a la derecha hasta que tengas espacio

Saludos

genioooo! muchisimas gracias!