Foros del Web » Creando para Internet » HTML »

Alineación de imagen y lista de texto

Estas en el tema de Alineación de imagen y lista de texto en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/04/2003, 06:47
Avatar de txarly  
Fecha de Ingreso: marzo-2003
Ubicación: Eibar (Gipuzkoa)
Mensajes: 455
Antigüedad: 14 años, 9 meses
Puntos: 2
Alineación de imagen y lista de texto

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>
  #2 (permalink)  
Antiguo 08/04/2003, 07:30
Avatar de Kunael  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 164
Antigüedad: 15 años, 1 mes
Puntos: 0
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.
__________________
Comparte tu conocimiento
  #3 (permalink)  
Antiguo 08/04/2003, 07:51
Avatar de txarly  
Fecha de Ingreso: marzo-2003
Ubicación: Eibar (Gipuzkoa)
Mensajes: 455
Antigüedad: 14 años, 9 meses
Puntos: 2
Gracias pero precisamente quería evitar el utilizar una tabla....¿alguna otra posibilidad?

Un saludo
__________________
¿Por qué Uri Geller doblaba cucharas?
  #4 (permalink)  
Antiguo 08/04/2003, 09:10
Avatar de txarly  
Fecha de Ingreso: marzo-2003
Ubicación: Eibar (Gipuzkoa)
Mensajes: 455
Antigüedad: 14 años, 9 meses
Puntos: 2
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
__________________
¿Por qué Uri Geller doblaba cucharas?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:12.