Bueno, yo lo que sugiero es primero de todo hacer un buen uso de las tabulaciones.
Cada vez que se abre una etiqueta la linia siguiente debería estar una tabulación hacia la derecha, y cuando cerramos una etiqueta esa misma linia debería estar una tabulación hacia la izquierda, quedando a la misma altura que la etiqueta de apertura:
Código HTML:
Ver original <td><img src="ruta/a/la/imagen1.jpg" /></td> <td><img src="ruta/a/la/imagen2.jpg" /></td> <td class="pie_de_foto">Pie de foto 1>
</td> <td class="pie_de_foto">Pie de foto 2
</td>
En este caso he puesto la apertura y cierre de <td> en la misma línea porqué el contenido de la celda era pequeño, pero si hubiera sido grande lo suyo hubiese sido saltar una linia después de <td> y tabulación hacia la izquierda.
Luego comentar la diferencia entre clases e ids. Las clases definen un estilo que se puede usar en múltiples elementos de una web. Los ids en cambio definen identificadores que deberían ser
únicos, que sirven para referenciar a un elemento en concreto dentro de una web por lenguajes de programación como javascript y que a su vez en CSS se le puede dar un estilo propio al elemento.