Foros del Web » Creando para Internet » HTML »

Imagen al lado de Tabla

Estas en el tema de Imagen al lado de Tabla en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/11/2010, 21:11
 
Fecha de Ingreso: noviembre-2009
Mensajes: 41
Antigüedad: 14 años, 4 meses
Puntos: 0
Imagen al lado de Tabla

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:

Cita:
<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.
  #2 (permalink)  
Antiguo 30/11/2010, 21:57
 
Fecha de Ingreso: octubre-2010
Mensajes: 45
Antigüedad: 13 años, 5 meses
Puntos: 2
Respuesta: Imagen al lado de Tabla

No estoy seguro, pero no es mas facil ponerlo como lista en vez de como tabla? y ahi darle con css float left
  #3 (permalink)  
Antiguo 01/12/2010, 03:20
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Imagen al lado de Tabla

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

__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 01/12/2010, 05:17
Avatar de Ventru3  
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 13 años, 4 meses
Puntos: 13
Respuesta: Imagen al lado de Tabla

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.

Última edición por Ventru3; 01/12/2010 a las 06:05
  #5 (permalink)  
Antiguo 01/12/2010, 14:58
 
Fecha de Ingreso: noviembre-2009
Mensajes: 41
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Imagen al lado de Tabla

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?
  #6 (permalink)  
Antiguo 01/12/2010, 15:43
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Imagen al lado de Tabla

rodricrzz:

si hay forma, pero debiste aclarar lo siguiente antes

Cita:
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

__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #7 (permalink)  
Antiguo 16/12/2010, 22:26
 
Fecha de Ingreso: noviembre-2009
Mensajes: 41
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Imagen al lado de Tabla

Cita:
Iniciado por emprear Ver Mensaje
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!

Etiquetas: tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:02.