Ver Mensaje Individual
  #4 (permalink)  
Antiguo 01/12/2010, 05:17
Avatar de Ventru3
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