Como poner el texto y una foto al lado

hola a todos como puedo hacer para poner un texto (quienes somos) y al lado la foto y arriba.tendria que meter una tabla dentro de la otra?a mi me sale la foto arriba sola y abajo el texto :? esta dentro de contenido la tabla.saludos y gracias :wink:

html

<table width="800" border="1">
<tr>
<td class="izquierda" width="145"></td>

<td class="centro" width="520">
<div id="imagen_presentacion">[contenido no disponible]</div>
</td>

<td class="derecha" width="135"></td>
</tr>
</table>

css

td.centro{ width:520px }
#imagen_presentacion{ background:url(Objetos/consultorio%20mama/presentacion.jpg); background-image:none; top:top; border:0px 4px opx 300px; text-align:right}
#h2_presentacion{ text-align:center; top:top; margin:}
<body>
<div id="global">
<div id="cabecera">aqui va el baner de la cabecera</div>
<div id="contenido">
<table width="800" border="1">
<tr>
<td class="izquierda" width="145"></td>

<td class="centro" width="520">
<div id="imagen_presentacion">[contenido no disponible]</div>
<div id="h2_presentacion" align="left"></div><h2>Catinelli estética saludable :</h2>


Estética saludable surge de la idea de la Dra. Hebe Catinelli, quien junto a
La esteticista Stella Berretta, deciden ponerse a trabajar juntas en el
mejoramiento de la calidad de vida de las personas.</p>


En el momento en que vivimos, una gran parte de los problemas de salud y
estéticos surgen de las situaciones de stress que pasamos y es por eso que
queremos enfocar la estética a partir de generar una situación saludable de la
persona y así mejorar los inestetisismos puntuales con tratamientos localizados
no invasivos o mínimamente invasivos</p>


Estética saludable apunta, no a tratamientos anti-envejecimiento o antiging
(Ya que combatir el envejecimiento no es posible), sino procurar una vida y un
envejecimiento saludable y placentero.</p>


Esto comienza en las etapas tempranas, ya que una vejez saludable proviene de
Una vida entera saludable
</p></td>

<td class="derecha" width="135"></td>
</tr>
</table>


</div>
<div id="pie"> este es el pie de la pagina</div>
</div>
</body>
</html>
Aqui esta bien . Pero igual no quedan junto(la foto y el texto)quiero a los dos arribas,el texto de izq. a der. y la foto a la derecha(arriba)Como hago :shock: ?

<body>
<div id="global">
<div id="cabecera">aqui va el baner de la cabecera</div>
<div id="contenido">
<table width="800" border="1">
<tr>
<td class="izquierda" width="145"></td>

<td class="centro" width="520">
<div id="imagen_presentacion">[contenido no disponible]
<div id="h2_presentacion" align="left"><h2>Catinelli estética saludable :</h2>


Estética saludable surge de la idea de la Dra. Hebe Catinelli, quien junto a
La esteticista Stella Berretta, deciden ponerse a trabajar juntas en el
mejoramiento de la calidad de vida de las personas.</p>


En el momento en que vivimos, una gran parte de los problemas de salud y
estéticos surgen de las situaciones de stress que pasamos y es por eso que
queremos enfocar la estética a partir de generar una situación saludable de la
persona y así mejorar los inestetisismos puntuales con tratamientos localizados
no invasivos o mínimamente invasivos</p>


Estética saludable apunta, no a tratamientos anti-envejecimiento o antiging
(Ya que combatir el envejecimiento no es posible), sino procurar una vida y un
envejecimiento saludable y placentero.</p>


Esto comienza en las etapas tempranas, ya que una vejez saludable proviene de
Una vida entera saludable
</p></div></div></td>

<td class="derecha" width="135"></td>
</tr>
</table>


</div>
<div id="pie"> este es el pie de la pagina</div>
</div>
</body>
</html>

css

{text-indent:0px; margin:0px ; padding:0px ; border: 0px;}

body {text-align: center;background-color:#cc3399 }

#global {width:800px ; margin:4px auto }

#cabecera{background-color:#cc3399;width:800px;}

td.izquierda{ width:145px; text-align:center; top:top}
#menu{ width:145; border:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;border:none}
#menu ul{}
#menu ul a{}

td.centro{ width:520px }
#imagen_presentacion{ background:url(Objetos/consultorio%20mama/presentacion.jpg); background-image:none; top:top; border:0px 4px opx 300px; text-align:right}
#h2_presentacion{ text-align:left; top:top; margin:0px; top:top}

td.derecha{ width:135px }

td.pie{ width:800px}
Cierra el div imagen_presentacion antes de abrir el div h2_presentacion, y ponle al div imagen_presentacion en la hoja de estilos un float: right
Saludos :wink:
Jugoncan escribió:Cierra el div imagen_presentacion antes de abrir el div h2_presentacion, y ponle al div imagen_presentacion en la hoja de estilos un float: right
Saludos :wink:

muaaaaackkkkk. Te QuIeRo :oops:
je...gracias :wink:
disculpa pero se me volvio a bajar todo cuando puse la publicidad.porque sera? :cry:

<table width="800" border="1">
<tr>
<td class="izquierda" width="118"></td>

<td class="centro" width="520">
<div id="imagen_presentacion">[contenido no disponible]</div>
<div id="h2_presentacion"> <h2>Catinelli estética saludable :</h2>


Estética saludable surge de la idea de la Dra. Hebe Catinelli, quien junto a
La esteticista Stella Berretta, deciden ponerse a trabajar juntas en el
mejoramiento de la calidad de vida de las personas.</p>


En el momento en que vivimos, una gran parte de los problemas de salud y
estéticos surgen de las situaciones de stress que pasamos y es por eso que
queremos enfocar la estética a partir de generar una situación saludable de la
persona y así mejorar los inestetisismos puntuales con tratamientos localizados
no invasivos o mínimamente invasivos</p>


Estética saludable apunta, no a tratamientos anti-envejecimiento o antiging
(Ya que combatir el envejecimiento no es posible), sino procurar una vida y un
envejecimiento saludable y placentero.</p>


Esto comienza en las etapas tempranas, ya que una vejez saludable proviene de
Una vida entera saludable
</p></div></td>

<td class="derecha" width="140"><div id="publicidadderecha1"><a href="http://www.tarjetastelefonicas.com/index.jsp?AFFN=12830-0" target="_blank">
[contenido no disponible]</a>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=es"></script></div>
</td>
</tr>
</table>

css

td.derecha{ width:135px ;top:top;}
#publicidadderecha1{ margin:0px 0px 0px 0px; text-align:center;}

muchas gracias :wink:
Jugoncan escribió:Qué es lo que se bajó? :?

osea....esta el texto y la foto n el centro muy bien ubicados.y en la tabla centro quedo mas abajo que la tabla o celda derecha.como que la derecha se fue para arriba.entonces quedo la derecha arriba y la tabla centro(espacio vacio y a mitad de la tabla derecha,recien ahi empieza la centro.
se entendio :shock:
Jugoncan escribió:Jaja, me pones la url? :D

no la tengo todavia.es que estoy pasando en limpio toda la chanchada que tenia antes.en mi firma esta la pag(pero esa la dejo hasta corregirla en el dreamweaver. a esta) :roll:
me podrias decir solamente como poner en un cuadrado un ejemplo de como se pone...... por ejemplo una imagen y un texto.y como hacemos para ubicar el texto,enlace o imagen,en un lugar deseado.gracias :wink: