Como se ordena...?

[nhdm]

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.

[AlbertoGarcia]

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:

<p style="float:left;"><a href="#"><img alt="Marca y modelo" title=
        "Marca y modelo" src=
        "http://www.nhdm.unlugar.com/Fig_Auto_1.jpg" width="140"
        height="110" hspace="5" border="0" /></a> <span style=
        "display:block;"><strong>2004</strong>
        automatico</span></p>
        
    <p style="float:left;"><a href="#"><img alt="Marca y modelo" title=
        "Marca y modelo" src=
        "http://www.nhdm.unlugar.com/Fig_Auto_1.jpg" width="140"
        height="110" hspace="5" border="0" /></a> <span style=
        "display:block;"><strong>2004</strong>
        automatico</span></p>
        
    <p style="float:left;"><a href="#"><img alt="Marca y modelo" title=
        "Marca y modelo" src=
        "http://www.nhdm.unlugar.com/Fig_Auto_1.jpg" width="140"
        height="110" hspace="5" border="0" /></a> <span style=
        "display:block;"><strong>2004</strong>
        automatico</span></p>
        
    <p style="float:left;"><a href="#"><img alt="Marca y modelo" title=
        "Marca y modelo" src=
        "http://www.nhdm.unlugar.com/Fig_Auto_1.jpg" width="140"
        height="110" hspace="5" border="0" /></a> <span style=
        "display:block;"><strong>2004</strong>
        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!

[nhdm]

Gracias Alberto.

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

Tu respuesta fue perfecta. Te felicito.