Rotulo

BLOG IMAGEN ZERO

Ultimas entradas

Bienvenida

BIENVENIDO A BLOG IMAGEN ZERO,

Marquesina de bienvenida

Entrada destacada

PÁGINA DE BIENVENIDA

Poner un texto en medio de dos imágenes Lo más fácil para hacerlo es que hagas una tabla con 3 columnas. En la parte de la i...

Poner un texto en medio de dos imágenes

Poner un texto en medio de dos imágenes





Lo más fácil para hacerlo es que hagas una tabla con 3 columnas. En la parte de la izquierda y derecha pones tus imágenes y en la parte del centro pones el texto que quieras colocar.

Para hacerlo solo tienes que usar este código, para que te sea más fácil:


<table style="text-align: left; width: (medida que le quieras dar al ancho de tu tabla)px; height: (medida de lo alto)px;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="vertical-align: top;"><img
style="width: (medida que le quieras dar al ancho de tu imagen)px; height: (medida de lo alto)px;" alt="e"
src="(ruta de acceso de tu foto).jpg"><br>
</td>
<td style="vertical-align: top;">(Aquí va el texto que
quieras poner)<br>
</td>
<td style="vertical-align: top;"><img
style="width: (medida que le quieras dar al ancho de tu imagen)px; height: (medida de lo alto)px;" alt="r"
src="(ruta de acceso de tu otra foto).jpg"><br>
</td>
</tr>
</tbody>
</table> 

Configuración:

En el mismo código te pongo lo que va en cada sitio por ejemplo en:
width: (medida que le quieras dar al ancho de tu tabla) como puedes leer va el nacho de la tabla que tienes que calcularla tu mismo de esta manera la harás a tu gusto.
En height: va el Alto de la Tabla.
En style="width: (medida que le quieras dar al ancho de tu imagen)px; el ancho de la Imagen.
En  height: (medida de lo alto)px; el alto de la Imagen.
Fijate que hay dos uno en el renglón superior y otro en la parte inferior.
Y aquí <td style="vertical-align: top;">(Aquí va el texto que quieras poner)<br>



Fecha:14/05/2018

Publicado por: