Featured

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:                                      








0 comentarios:

Publicar un comentario