Son tres listados de anclas(Menús). Dependiendo de la relación que tengan yo usaría tres listas anidadas o tres listas separadas por el encabezado de turno.A tu gusto. Yo lo haría así ( Cuidado puede contener trazas de inaccesibilidad o disconformidad del documento ).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd";> <html> <head> <title> prueba </title> <style type="text/css"> #menu{ border:1px solid black; overflow:hidden; } #menu .item{ display:block; float:left; border:1px solid red; } h2{ text-align:center } </style> </head> <body> <h1>Menu "no me puedo creer que no sea un menú"</h1> <ul id="menu"> <li class="item"> <h2>Ciudadano</h2> <ul> <li><a href="#">Biblioteca y Archivo</a></li> <li><a href="#">Catastro</a></li> <li><a href="#">Impuestos</a></li> <li><a href="#">Pensiones y Clases Pasivas</a></li> <li><a href="#">Publicaciones</a></li> <li><a href="#">Quejas y Sugerencias</a></li> <li><a href="#">Recursos y Reclamaciones</a></li> <li><a href="#">Tesoro Público</a></li> </ul> </li> <li class="item"> <h2>Administración</h2> <ul> <li><a href="#">Catastro</a></li> <li><a href="#">Contratación Pública </a></li> <li><a href="#">Coordinación Financiera con las Entidades Locales</a></li> <li><a href="#">Coordinación Financiera con las <abbr title="Comunidades Autónomas">CC.AA.</abbr></a></li> </ul> </li> <li class="item"> <h2>Empresas</h2> <ul> <li><a href="#">Aduanas e Impuestos Especiales</a></li> <li><a href="#">Comisión Nacional del Mercado de Valores</a></li> <li><a href="#">Contabilidad y Auditoría de Cuentas</a></li> <li><a href="#">Contratación Pública</a></li> <li><a href="#">Defensa de la Competencia</a></li> <li><a href="#">Impuestos</a></li> <li><a href="#">Mercado de Tabacos</a></li> <li><a href="#">Recursos y Reclamaciones</a></li> <li><a href="#">Seguros y Fondos de Pensiones</a></li> </ul> </li> </ul> </body> </html> Javier Gomez escribió: > por aquello de la accesibilidad, felix. > > (cita) > > Las tablas deberían utilizarse solamente para marcar la información > tabular<http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tabular-information>("tablas > de datos"). Los desarrolladores de contenidos deberían evitar > usarlas para maquetar páginas ("tablas de composición"). Usar tablas para > cualquier finalidad crea también especiales dificultades para los usuarios > de lectores de > pantalla<http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#screen-reader>(consultar > punto > de verificación > 10.3<http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tech-linear-tables> > ). > > (fin cita esta en: > http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#gl-table-markup > ) > > > debe tener forma de tabla, pero estrictamente no lo es. > > solo es por eso. > > > > El día 3/05/07, Félix Zapata Berlinches <[EMAIL PROTECTED]> escribió: >> pero, por qué no usas un tabla de html si tiene formato tabla? >> >> -- >> >> *Félix Zapata Berlinches* >> >> Responsable Técnico >> >> Logotipo de Brainet >> >> c/ Santa María de la Cabeza nº 9, >> 47012 Valladolid. >> Teléfono: 983 10 09 07 >> http://www.brainet.es >> >> "Este correo electrónico y, en su caso, cualquier fichero anexo al >> mismo, pueden contener información de carácter confidencial >> exclusivamente dirigida a la persona o entidad a la que se le envía. >> Queda prohibido cualquier uso indebido, revisión, retransmisión o >> diseminación del contenido por personas o entidades ajenas al >> destinatario. Si recibe usted este correo por error, le rogamos que nos >> lo comunique por la misma vía al remitente y proceda a borrar este >> material de todo ordenador. Gracias." >> >> ------------------------------------------------------------------------ >> >> "The information in this e-mail and in any attachments is confidential >> and solely for the attention and use of the named addressee(s). You are >> hereby notified that any distribution, copy or dissemination of this >> communication is prohibited without the prior written consent of the >> sender. If you received this in error and are not the formal receiver of >> this message please destroy it without making any digital or physical >> copy and inform the sender by e-mail of the reception of the present >> message. Thank you" >> >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a [email protected] >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
