CSS: Centrar una imagen, o dos que estén juntas, o tres…

Retocando el css de la plantilla de mi página principal no era capaz a centrar las imágenes de los validadores que tengo en el pie de página. El problema era que, la propiedad “text-align: center” aplicada directamente sobre una imagen no funciona, dado que es para texto únicamente.

Yo tenía algo así como:

#validator
{
text-align: center;
}

Pero de ninguna de las maneras la cosa funcionaba. Buscando por foros no era capaz de encontrar ninguna solución, no lo creía, css tenia que tener alguna manera para solucionar esto. Hasta que llegué a Centrar imagenes en CSS – iDioteca donde uno de los comentarios propone colocar las imágenes entre etiquetas <p></p> y aplicar la propiedad de centrado sobre estas. Tan sólo con incluir una letra en el CSS ya funciona:

#validator p
{
text-align: center;
}

Para más detalles podeis ver el código fuente de la página, que además se trata de una plantilla gratuita.

Creando un sitio web accesible: Herramientas de validación

Cuando tenemos nuestra página o sitio web lo que más nos interesa es que muchas personas accedan y que todas ellas lo hagan sin problemas. Para ello, los diseñadores, webmasters, etc , procuran que sus creaciones sigan ciertos estándares, de esta forma podemos estar seguros que cualquier navegador podrá visualizar nuestro sitio y que una persona con discapacidad navegue sin problemas.

Hoy no voy a entrar en estándares y reglas a seguir para que nuestro sitio sea accesible. Veremos a continuación algunas web donde validar nuestra página.