Solución a las imágenes desmadradas

Al no saber por qué las imágenes con vínculo no se ponían juntas, sino debajo, he utilizado el método bruto.
1. Copio "Gastronomía" en word y lo borro entero. Pongo las imágenes con vínculo en una página vacía y salen alineadas...luego hay algo que las pone una debajo de otra.
2. Copio del word bloques de código...hasta que al poner de vuelta un bloque, vuelven a desalinearse. Lo quito y voy poniendo línea a línea, hasta que aparece la línea que lo fastida todo, que es:
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"> O sea, la que remite a estilo general o sea que hay que buscar en estilo general
3.Copio Estilo general en word y lo borro entero....las imágenes vuelven a salir alineadas.
4. Copio del word bloques de código, hasta que se vuelven a fastidiar las imágenes. Al final, localizo la línea que estorba, que es:

a {color: brown ; text-decoration:none ; display: block }

La borro y ya me salen las imágenes y no noto que haya cambiado nada al borrarla

La pregunta sería: ¿Para qué demonios sirve esa línea que he quitado y por qué no me dejaba poner seguidas las imágenes con vínculo y no estorbaba a las imágenes sin vínculo?
No debes sacar toda la linea, solo la parte de display:block que es la que hace que los vinculos, en este caso imagenes, aparezcan en bloque a todo lo ancho del DIV, pero si sacas esa parte, todos los vinculos perderan esa propiedad, lo que debes hacer es poner esas imagenes dentro de un DIV , darle un nombre al DIV, y darle los atributos a los vinculos que esten en ese DIV.

En tu plantilla pones

<div id="imagenes">
[contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible]
</div>

y en tu CSS:

#imagenes {float:left}

De esta forma, las imagenes se iran acomodando hacia la izquierda y una al ladfo de otra por no tener la propiedad display:block

Si no entendiste algo, solo dime, saludos

-= --= ---= SpitFire II =--- =-- =-