Cuidadin con las unidades absolutas.
Según las pautas de accesiblidad web WCAG [1], hay que
utilizar medidas relativas. Además, no parece que
centres verticalmente. Qué tal algo así?
div {
background: #4A5052;
border-right: 2px solid #E20A16;
font: 1em Verdana, Arial, sans-serif;
color: #FFF;
width: 3em;
text-align: center;
float: left;
padding: 5px;
}
[1] Pautas Accesibilidad Web en castellano:
http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html
- Alex -
--- xema <[EMAIL PROTECTED]> wrote:
> Muchas gracias a los que habeis contestado, la
> solucion:
>
> La utilización de una lista me gustaba
> semánticamente. Se aplican bien
> los atributos width y height, pero en el momento de
> hacerla inline, se
> pierden. Asi que la solucion ha sido flotar los div
> a la izquierda. Es
> decir:
>
> div {
> background: #4A5052;
> height: 18px;
> border-right: 2px solid
> #E20A16;
> font: 11px Verdana, Arial,
> sans-serif;
> color: #FFF;
> width: 31px;
> text-align: center;
> float: left;
> }
>
> y hacer:
>
>
>
<div>79</div><div>91</div><div>105</div><div>106</div>
>
> Saludos,
> xema
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a
> Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la
> siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
______________________________________________
Renovamos el Correo Yahoo!: ¡250 MB GRATIS!
Nuevos servicios, más seguridad
http://correo.yahoo.es
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
