Alineación de imagen y texto en página web empresarial

hamedm · 25 Mar 2013

Hola, Como estan?
Es que lo que pasa estoy haciendo una pagina para una empresa, pero no se es que cada codigo que uso en html o css no me funciona, me podrian decir cual debo usar?
Este es mi error, que mi parrafo no queda ajustado con mi imagen
Sabz Goltab » Quienes Somos?
Y este es el codigo:

HTML:

<style>
table{
	border: 0px;   
}

</style>
<table width="700" height="50">
<tbody>
<tr>
<td width="200" height="50"><img alt="" src="http://sabzgoltab.feriainternacionaldecali.com/wp-content/uploads/logo2.bmp" width="100%" align="top" /></td>
<td width:"500">
<p align="justify" valign="center"><font size="3">La empresa Sabz Goltab S.A. es administrada por directivos profesionales con experiencia en comercio internacional y la organización de ferias de hogar en más de 25 países en los 5 continentes, incluyendo paises de Surámerica como Colombia, Venezuela, Perú y Ecuador con grandes éxitos desde el año 2000.</p>
</td>
</tr>
</tbody>
</table>

Facundo · 25 Mar 2013

Hola, te recomiendo no trabajar con tablas, si no con divs.

Es más fácil, las tablas para usarse de esa forma, están obsoletas un poco 😀

Le podés poner (al hacer con div) un float:left a la imagen y el texto se tendría que acomodar a su derecha lo más bien.

Saludos

Zuruck · 25 Mar 2013

Veamos a ver como lo quieres u_u

Elimina esto:

Insertar CODE, HTML o PHP:

<div class="gdl-page-content"><style>
table{
	border: 0px;   
}</p>
</style>
<table width="700" height="50">
<tbody>
<tr>
<td width="200" height="50"><img alt="" src="http://sabzgoltab.feriainternacionaldecali.com/wp-content/uploads/logo2.bmp" width="100%" align="top"></td>
<td width:"500"="">
<p align="justify" valign="center"><font size="3">La empresa Sabz Goltab S.A. es administrada por directivos profesionales con experiencia en comercio internacional y la organización de ferias de hogar en más de 25 países en los 5 continentes, incluyendo paises de Surámerica como Colombia, Venezuela, Perú y Ecuador con grandes éxitos desde el año 2000.</font></p><font size="3">
</font></td>
</tr>
</tbody>
</table>
</div>

y remplazalo por este otro codigo:

Insertar CODE, HTML o PHP:

<div id="parrafo">La empresa Sabz Goltab S.A. es administrada por directivos profesionales con experiencia en comercio internacional y la organización de ferias de hogar en más de 25 países en los 5 continentes, incluyendo paises de Surámerica como Colombia, Venezuela, Perú y Ecuador con grandes éxitos desde el año 2000.</div><div id="imagensomos"><img src="http://sabzgoltab.feriainternacionaldecali.com/wp-content/uploads/logo2.bmp"></div></div>

y agrega esto al style.css

Insertar CODE, HTML o PHP:

#imagensomos img {
    float: left;
    width: 200px;
    height: 193px;
    border-right: 1px solid #dfdfdf;
    padding-right: 25px;
}
#parrafo {
    float: right;
    width: 690px;
    font-size: 15px;
}

Asi lo quieres?

EDITADO

hamedm · 26 Mar 2013

Muchas Gracias Camilo Me Sirvio Demasiado, se me olvido usar el padding y el float pero muchas gracias

Alineación de imagen y texto en página web empresarial

hamedm

Facundo

Zuruck

hamedm

Temas similares