ok.

muchas gracias, francisco.

partiendo de tu codigo me he ido apañando. al final no es mas que un menu
con dos niveles.

gracias a todos, sois la ost...





El día 3/05/07, Francisco Adolfo Álvarez Alonso <[EMAIL PROTECTED]>
escribió:
>
> 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 Ovillo@lists.ovillo.org
> >> 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 Ovillo@lists.ovillo.org
> > 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 Ovillo@lists.ovillo.org
> 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a