Insercion de imagenes a la capa contenido?

hola nuevamente amigos:que les parece sigo trabajando en la plantilla, me ayudaron anteriormente con la incersion de la imagen de fondo y quede satisfecho con el resultado.Ahora tengo un nuevo interrogante y es acerca de como incertar imagenes a la capa contenido y se las puedan unir a un parrafo sin que este se afecte,es decir;no se cree un espacio entre lineas,ni el parrafo se distorcione.Adicionalmante a esto podrian explicarme como puedo ubicar la imagen en cualquier parte de la capa contenido.
Espero puedan ayudarme y de nuevo muchas gracias por instruirnos en este tema tan facinante.
Me despido esperando su ayuda.


CHAO Y SUERTE!!!!!!!

<p><img src="ruta" style="float:right" />texto texto texto</p>

si la quieres a la izquierda: "left" y para separarla del texto padding al lado que quieras.

Riki ¿por que una propiedad float?

para que flote a la derecha del div en el espacio que tenga, si se deja suelta su posicion dependera de los otros elementos en este caso el texto para que la empuje, encambio si le dices q flote a una posicion permanecera ahi aunque no tenga elementos q la empujen, en este caso texto, puedes no escribir nada e igual se quedara a la derecha, si no le dices q se ubique alli, por defecto se desplazara a la izquierda.

Hola muchachos:Les agradezco los correos que me enviaron,ahora les cuento que puse en practica lo que me enviaron y me fue muy bien inserte gran cantidad de imagenes que me quedaron geniales.Este metodo me parecio muy sencillo y facil de hacer,espero que si conocen otro metodo para incertar las imagenes me lo hagan saber,por lo pronto les envio la copia del codigo y como me quedo definitivamente con unos agregados de mi cosecha;
<p><img src="nombredelacarpeta/nombredelarchivo" style="float:right" width="#" height="#" alt="loquequieran">texto texto texto</p>
CHAO Y GRACIAS!!!!!!!!!

Es el método que yo uso también en CCTW y me parece genial.

El que tú pones es este según nos dices:

<p><img src="nombredelacarpeta/nombredelarchivo" style="float:right" width="#" height="#" alt="loquequieran">texto texto texto</p>

Yo optimizaría, dejándo solamente en el Html de las páginas esto:

<p><img class="derecha" src="nombredelacarpeta/nombredelarchivo" width="#px" height="#px" alt="loquequieran">texto texto texto</p>

Es decir, eliminado todo el estilo dentro del Html. Para que funcione, claro, nos falta definir el estilo "derecha" en la hoja de estilos, que imagino que usas. La línea a añadir en la hoja de estilos para conseguir que siga funcionando sería esta:

.derecha {float:right}

Fíjate que puedes definir otra que quede a la izquierda, así:

.izquierda {float:left}

Para que quede flotando a la izquierda tendrías que ponerle esa clase de estilo al html de la imagen:

<p><img class="izquierda" src="nombredelacarpeta/nombredelarchivo" width="#px" height="#px" alt="loquequieran">texto texto texto</p>

Y ya puestos, puedes definirle algún margen, borde o lo que quieras en la hoja de estilos

.izquierda {float:left; margin:0px 10px 0px 12px; border:1px solid black}

con la ventaja de que ahora con solo modificar la hoja de estilos consigues cambiar el aspecto de todas las imágenes de la web mientras que tal y como lo tenías, para conseguir lo mismo, tendrias que modificar una a una las líneas Html de cada imagen de cada página de tu web. Es útil la hoja de estilos, o que? je je je

Un abrazo!

hola viejo jorgens:un saludo especial de parte de dan@ y queria decirte que gracias a ti he encontrado esto que me a apasionado a tal punto de seguir investigando y experimentando,espero que como los demas que hemos seguido el curso de creacion de paginas web,tu nos puedas segir instruyendo sobre nuevos temas para mejorar los diseños de nuestras paginas.Por cierto voy a poner en practica lo que me enviaste y mejorar las imagenes que ya he incertado con el anterior codigo.
nuevamente gracias y suerte!!!!!!!