Foros del Web » Creando para Internet » HTML »

Como se ordena...?

Estas en el tema de Como se ordena...? en el foro de HTML en Foros del Web. Hola amigos. Tengo un problemita que de seguro, Ustedes con su experiencia me podran ayudar. El problema es que necesito ordenar el texto abajo las ...
  #1 (permalink)  
Antiguo 30/01/2010, 19:37
 
Fecha de Ingreso: diciembre-2009
Mensajes: 16
Antigüedad: 8 años
Puntos: 1
Como se ordena...?

Hola amigos.

Tengo un problemita que de seguro, Ustedes con su experiencia me podran ayudar.

El problema es que necesito ordenar el texto abajo las imagenes y por mas que trato no me queda como quiero...

aca dejo el enlace para que vea de lo que estoy hablando:

http://www.nhdm.unlugar.com/


y este es el codigo que no logro hacer que me obedezca:


<p align="center">
<span class=""><a href="Aston_Mod_Autos_Ccs.html" target="_blank"><img src="Fig_Auto_1.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico

<a href="Audi_Mod_Autos_Ccs.html" target="_blank"><img src="bugatti.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico

<a href="BMW_Mod_Autos_Ccs.html" target="_blank"><img src="Fig_Auto_2.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico

<a href="Buick_Mod_Autos_Ccs.html" target="_blank"><img src="autosbmw.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico

<a href="BYD_Mod_Autos_Ccs.html" target="_blank"><img src="Fig_Auto_3.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico</span></p><br>



<p align="center">
<span class=""><a href="Aston_Mod_Autos_Ccs.html" target="_blank"><img src="Fig_Auto_1.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico

<a href="Audi_Mod_Autos_Ccs.html" target="_blank"><img src="P1010092.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico

<a href="BMW_Mod_Autos_Ccs.html" target="_blank"><img src="Fig_Auto_2.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico

<a href="Buick_Mod_Autos_Ccs.html" target="_blank"><img src="P1010090.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico

<a href="Buick_Mod_Autos_Ccs.html" target="_blank"><img src="audi_a6.jpg" width="140" height="110" hspace="5" border="0"></a>
<strong>2004 </strong>automatico</span></p><br>
<br><br><br><br>



Muchas gracias a todos.

Espero su participacion.
  #2 (permalink)  
Antiguo 31/01/2010, 09:06
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: Como se ordena...?

Hola, te complicas mucho con el código. Los estilos en linea hacen mucho mas engorroso y largo el trabajo, intenta usar hojas de estilos, te vendría bien hacerte este manual. Pero como tu los tienes en linea, así te los he puesto yo:

Código HTML:
Ver original
  1. <p style="float:left;"><a href="#"><img alt="Marca y modelo" title=
  2.        "Marca y modelo" src=
  3.        "http://www.nhdm.unlugar.com/Fig_Auto_1.jpg" width="140"
  4.        height="110" hspace="5" border="0" /></a> <span style=
  5.        "display:block;"><strong>2004</strong>
  6.         automatico</span></p>
  7.        
  8.     <p style="float:left;"><a href="#"><img alt="Marca y modelo" title=
  9.        "Marca y modelo" src=
  10.        "http://www.nhdm.unlugar.com/Fig_Auto_1.jpg" width="140"
  11.        height="110" hspace="5" border="0" /></a> <span style=
  12.        "display:block;"><strong>2004</strong>
  13.         automatico</span></p>
  14.        
  15.     <p style="float:left;"><a href="#"><img alt="Marca y modelo" title=
  16.        "Marca y modelo" src=
  17.        "http://www.nhdm.unlugar.com/Fig_Auto_1.jpg" width="140"
  18.        height="110" hspace="5" border="0" /></a> <span style=
  19.        "display:block;"><strong>2004</strong>
  20.         automatico</span></p>
  21.        
  22.     <p style="float:left;"><a href="#"><img alt="Marca y modelo" title=
  23.        "Marca y modelo" src=
  24.        "http://www.nhdm.unlugar.com/Fig_Auto_1.jpg" width="140"
  25.        height="110" hspace="5" border="0" /></a> <span style=
  26.        "display:block;"><strong>2004</strong>
  27.         automatico</span></p>

También las imágenes que usas son enormes (1280x960px) pero les das tamaño en la misma etiqueta img, es recomendable editar las imágenes y ponerlas al tamaño en que van a ser usadas, esto reduce el tiempo de carga de las imágenes.


Salud!
  #3 (permalink)  
Antiguo 31/01/2010, 10:27
 
Fecha de Ingreso: diciembre-2009
Mensajes: 16
Antigüedad: 8 años
Puntos: 1
De acuerdo Respuesta: Como se ordena...?

Gracias Alberto.

La verdad te agardezco mucho tu ayuda, xq ya no me daba la cabeza.

Tu respuesta fue perfecta. Te felicito.

Etiquetas: Ninguno
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 02:33.