Alineación de imagen y lista de texto

[txarly]

Hola a todos;

Tengo en un parrafo una imagen alineada a la izquierda. He comprobado que cuando en el texto del parrafo incluyo una lista de elementos numerada <OL>, los elementos que quedan a la derecha de la imagen pierden "la viñeta o marca o numero" de la lista, mientras que los que quedan por debajo de la imagen si tienen "la viñeta o marca o numero". ¿Como podría solucionarlo para que en todos aparezca el numero?

He aquí el codigo de ejemplo:




<P class=normal style="text-align: justify;"><IMG SRC="images/foto1.jpg" BORDER=0 ALT="" ALIGN="left">Este es el parrafo, bla, bla, bla....

<OL class=normal style="text-align: justify;">Elementos de la Lista:
<LI>
<A HREF="">Link1</A>
<LI>
<A HREF="" >Link2</A>
<LI>
<A HREF="">Link3</A>
<LI>
<A HREF="">Link4</A>
</OL></P>

[Kunael]

Hola:

No sé si te servirá, pero así a bote pronto, yo diría que creando una simple tabla de 1fila*2celdas será suficiente: en 1 celda pones la imagen y en otra el texto. Lógicamente, pon border 0, ya que la tabla no debe verse (la estás utilizando para maquetar; perdonenme los puristas CSS )

Salu2.

[txarly]

Gracias pero precisamente quería evitar el utilizar una tabla....¿alguna otra posibilidad?

Un saludo

[txarly]

Hola, al final encontre información sobre esto en:

http://www.desarrolloweb.com/articul....php?manual=21

Si en algún momento deseásemos dejar de rellenar ese espacio lateral, podemos pasar a una zona libre introduciendo un salto de línea <br> dentro del cual añadiremos un atributo: clear

Así, etiquetas del tipo:

<br clear="left">
Saltara verticalmente hasta encontrar el lateral izquierdo libre.
<br clear="right">
Saltara verticalmente hasta encontrar el lateral derecho libre.
<br clear="all">
Saltará verticalmente hasta encontrar ambos laterales libres.

Un saludo