como coloco una foto al lado del contenido

hola mi pajina actual va asi:
[contenido no disponible]

como ven el cuadro menu esta dentro de contenido, quisiera que el contenido este en un recuadro aparte y como hago para agregar fotos en el contenido.. agradesco su ayuda

hola,

tienes que hacer todo en base a capas (div). Por ejemplo, dices que el contenido lo quieres dentro de un recuadro, entonces crea otro div asi como creaste el menú de la izquierda y lo pones a la derecha. En html harías algo así:

<div id="contenido>
<div id="menu">
este es tu menu de la izq.
</div>
<div id="menuderecho">


blablabla</p>
</div>
</div>

En css, le das las características a la nueva capa menuderecho (ej.):

#menuderecho{float:right; width...; height...}

Y para poner una imagen que ilustre el contenido, algo así como esto:

http://www.celuladeoracion.com/enemigos-del-pensamiento.html

también deberás crear una capa o div a la imagen en html y darle las propiedades en css. Digamos que creas el div llamado foto, entonces en html pones:



blablablabla</p>
<div id="foto">aquí pones la ruta de la foto</div>


blablablabla</p>

Y en tu hoja de estilos, le das las propiedades al div foto. Ej.:

#foto {float:right; padding:...}

Así de fácil compañero, cualquier cosa, por aquí estamos de paseo.

Saludos, :wink:

te agradesco por todo, nadie lo hubierta explicado mejor, ahora ya puse unas fotos y ya mi pajina va asi:
[contenido no disponible]