Como escribir a la derecha de una imagen.

Hola!! bueno pues mi duda es para ver como puedo hacer para escribir a la derecha de las imagenes que cuelgo.Ya que en la hoja de inicios dare alguna noticia, con su foto y una intriduccion para que la gente vaya luego a la noticia y acabe de leerla completa. Como lo Hago?? Os cuelgo una imagen para que os hagais una idea.

[contenido no disponible]

prueba poniendo una tabla

<table border="0">
<tr>
<td>aqui [contenido no disponible]</td>
<td>Aqui toda la descripccion de la entrada</td>
</tr>
</table>

y para lo de las noticias primero pones un inicio y pones Leer mas
Saludos

eso o con divs

dentro del div contenido en vez de meter la imagen, agregas dos divs uno para la imagen y flotando a la derecha el del texto

saludos

Muchas gracias chicos, la tabala esa me ha funcionado perfectamente.Ahora una cosilla mas, la imagen de la tabla me sale pegada pegada al menu lateral como puedo dejar hay una separación??? para que no quede tan pegada la imagen...

<table class="tabla">

en estilos:

.tabla {margin: Xpixeles xpixeles xpixeles xpixeles }

josesd escribió:<table class="tabla">

en estilos:

.tabla {margin: Xpixeles xpixeles xpixeles xpixeles }

He hecho esto pero no me funciona...Que puede pasar?? Te pongo lo que tengo puesto...

HTML

<table class="tabla">
<table border="0">
<tr>
<td>[contenido no disponible]</td>
<td><h1>Nutrida Lista de Inscritos en el Rally de Portugal</h1>


Finalmente serán 75 inscritos los que se den cita del 27 al 30 de Mayo para afrontar la sexta prueba del mundial WRC..... Leer mas.</p></td>
</tr>
</table class="tabla">
</table>

Hoja de Estilo.

#pie {background-color: black ; color: white ; border-left: red 7px solid ; border-right: red 7px solid; border-top: red 2px solid ; height: 45px ; width:995px ; position: relative; margin-left: auto; margin-right: auto ; text-align: center}
#curva-inferior { background-image: url(Objetos/curva-inferior3.GIF) ; background-repeat: no-repeat ; width:998px ; height: 12px ; position: relative; margin-left: auto; margin-right: auto}
#Curva-menu-horizontal-superior {background-image: url(Objetos/Curva-menu-horizontal-superior.GIF) ; background-repeat: no-repeat ; width:998px ; height: 12px ; overflow: hidden }
#Curva-menu-horizontal-inferior {background-image: url(Objetos/Curva-menu-horizontal-inferior.GIF) ; background-repeat: no-repeat ; width:998px ; height: 12px ; overflow: hidden }
.tabla {margin: 0px 0px 0px 0px }
.tabla1 {margin: 0px 0px 0px 0px } --> Esto era para otra tabla pero no funciona ninguna...


Ponga lo que ponga en los pixeles de "tabla" solo se me mueve hacia arriba o hacia abajo...

<table class="tabla">
<table border="0" class="tabla">
<tr>
<td>[contenido no disponible]</td>
<td><h1>Nutrida Lista de Inscritos en el Rally de Portugal</h1>


Finalmente serán 75 inscritos los que se den cita del 27 al 30 de Mayo para afrontar la sexta prueba del mundial WRC..... Leer mas.</p></td>
</tr>
</table class="tabla">
</table>

Lo rojo sobra, y lo verde debes añadirlo.

y en estilos debes de darle margenes, no poner 0px 0px porque sino no notaras el cambio
debes poner:

.tabla {margin: Xpx Xpx Xpx Xpx }

josesd escribió:
Lo rojo sobra, y lo verde debes añadirlo.

y en estilos debes de darle margenes, no poner 0px 0px porque sino no notaras el cambio
debes poner:

.tabla {margin: Xpx Xpx Xpx Xpx }

Pues sigue sin hacerme del todo caso, ahora los unicos margenes que me aplica es en los 2 primeros para poner " Xpx" me mueve el margen superior hacia abajo y hacia arriba, mientras que con los 2 restantes "Xpx" me mueve el margen inferior hacia arriba y hacia abajo, pero no los laterales que es lo que yo quiero....