Re: [Ovillo] Como maquetar este menu
David Lombardia escribió:
> Hola,
>
> He estado modificando tu código para adaptarlo a mis necesidades pero me
> encuentro con un problema. Lo que haces es flotar todos los links a la
> izquierda, el tema es que mi menú va a lineado a la derecha y. lógicamente,
> si lo floto a la derecha, el orden de los elementos del menú se invierte.
>
> ¿Sabes cómo puedo solucionar esto?
>
>
Flota el menú a la derecha y los elementos que contiene a la izquierda.
ul, li {display:block}
ul {float:right;}
li {float:left;}
--
Saludos -=stripTM=-
___
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
Re: [Ovillo] Como maquetar este menu
On 6/8/07, David Lombardia <[EMAIL PROTECTED]> wrote: > > Hola, > > He estado modificando tu código para adaptarlo a mis necesidades pero me > encuentro con un problema. Lo que haces es flotar todos los links a la > izquierda, el tema es que mi menú va a lineado a la derecha y. > lógicamente, > si lo floto a la derecha, el orden de los elementos del menú se invierte. > > ¿Sabes cómo puedo solucionar esto? > Una cosa que podrías hacer es colocarlos en posición absoluta, y calcular las coordenadas donde se ha de situar cada elemento. Una dificultad que tiene es q deberías posicionarlos usando em ya que si no, al aumentar la letra en el navegador, podrían quedar los enlaces tapados o ilegibles. Yo tiraría por hacerlos como lo tienes, flotados a la derecha y "reordenaría" los elementos en el html. Y pongo "reordenaria" entre comillas porque... estás usando una lista ordenada o desordenada? si es desordenada, no importa en que orden salgan, no? ;-) -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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
Re: [Ovillo] Como maquetar este menu
Hola, Una buena página donde encontrar ejemplos de maquetación de menús es: http://css.maxdesign.com.au/listamatic/ Ahi encontraras buenos ejemplos para hacer casi cualquier tipo de maquetación de menús usando listas desordenadas. Un saludo, Agustín García Vadillo El día 8/06/07, David Lombardia <[EMAIL PROTECTED]> escribió: > > Hola, > > He estado modificando tu código para adaptarlo a mis necesidades pero me > encuentro con un problema. Lo que haces es flotar todos los links a la > izquierda, el tema es que mi menú va a lineado a la derecha y. > lógicamente, > si lo floto a la derecha, el orden de los elementos del menú se invierte. > > ¿Sabes cómo puedo solucionar esto? > > Un saludo, > > David > > -Mensaje original- > De: [EMAIL PROTECTED] [mailto: > [EMAIL PROTECTED] > En nombre de "Nacho F. Carreño" > Enviado el: viernes, 08 de junio de 2007 10:33 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Como maquetar este menu > > Yo tengo hecho algo parecido puedes darle un vistazo en la dirección: > http://www.eldiadenuestraboda.com lo he hecho con listas y poniendo como > fondo de los LI la imagen con la raya de separación. Espero que te sirva. > > Un saludo, > > Nacho > > > > > David Lombardia escribió: > > Hola compañeros, > > > > Estoy teniendo serias dudas a la hora de maquetar este menú ya que me > surgen > > complicaciones con las rayas que separan cada opción. Podéis ver el menú > en > > este enlace: > > > > http://82.194.66.109/menu.png > > > > Con el fondo no tengo problema, es bastante simple, pero esas rayas… me > > están matando. > > > > Un saludo, > > > > David > > > > ___ > > 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 > > > > __ Información de NOD32, revisión 2316 (20070607) __ > > > > Este mensaje ha sido analizado con NOD32 antivirus system > > http://www.nod32.com > > > > > > > > > ___ > 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
Re: [Ovillo] Como maquetar este menu
Hola, He estado modificando tu código para adaptarlo a mis necesidades pero me encuentro con un problema. Lo que haces es flotar todos los links a la izquierda, el tema es que mi menú va a lineado a la derecha y. lógicamente, si lo floto a la derecha, el orden de los elementos del menú se invierte. ¿Sabes cómo puedo solucionar esto? Un saludo, David -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de "Nacho F. Carreño" Enviado el: viernes, 08 de junio de 2007 10:33 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Como maquetar este menu Yo tengo hecho algo parecido puedes darle un vistazo en la dirección: http://www.eldiadenuestraboda.com lo he hecho con listas y poniendo como fondo de los LI la imagen con la raya de separación. Espero que te sirva. Un saludo, Nacho David Lombardia escribió: > Hola compañeros, > > Estoy teniendo serias dudas a la hora de maquetar este menú ya que me surgen > complicaciones con las rayas que separan cada opción. Podéis ver el menú en > este enlace: > > http://82.194.66.109/menu.png > > Con el fondo no tengo problema, es bastante simple, pero esas rayas me > están matando. > > Un saludo, > > David > > ___ > 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 > > __ Información de NOD32, revisión 2316 (20070607) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > > > ___ 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
Re: [Ovillo] Como maquetar este menu
Es perfecto, Justo lo que estaba buscando. Muchas gracias y un saludo, David -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de "Nacho F. Carreño" Enviado el: viernes, 08 de junio de 2007 10:33 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Como maquetar este menu Yo tengo hecho algo parecido puedes darle un vistazo en la dirección: http://www.eldiadenuestraboda.com lo he hecho con listas y poniendo como fondo de los LI la imagen con la raya de separación. Espero que te sirva. Un saludo, Nacho David Lombardia escribió: > Hola compañeros, > > Estoy teniendo serias dudas a la hora de maquetar este menú ya que me surgen > complicaciones con las rayas que separan cada opción. Podéis ver el menú en > este enlace: > > http://82.194.66.109/menu.png > > Con el fondo no tengo problema, es bastante simple, pero esas rayas me > están matando. > > Un saludo, > > David > > ___ > 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 > > __ Información de NOD32, revisión 2316 (20070607) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > > > ___ 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
Re: [Ovillo] Como maquetar este menu
Yo tengo hecho algo parecido puedes darle un vistazo en la dirección: http://www.eldiadenuestraboda.com lo he hecho con listas y poniendo como fondo de los LI la imagen con la raya de separación. Espero que te sirva. Un saludo, Nacho David Lombardia escribió: > Hola compañeros, > > Estoy teniendo serias dudas a la hora de maquetar este menú ya que me surgen > complicaciones con las rayas que separan cada opción. Podéis ver el menú en > este enlace: > > http://82.194.66.109/menu.png > > Con el fondo no tengo problema, es bastante simple, pero esas rayas… me > están matando. > > Un saludo, > > David > > ___ > 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 > > __ Información de NOD32, revisión 2316 (20070607) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > > > ___ 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
Re: [Ovillo] Como maquetar este menu
Muchas gracias por contestar. Creo que voy a probar esa manera, al fin y al cabo tampoco supone un excesivo peso ya que solo habría dos imágenes diferentes. Un saludo, David -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de carlos campderrós Enviado el: jueves, 07 de junio de 2007 23:23 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Como maquetar este menu On 6/7/07, David Lombardia <[EMAIL PROTECTED]> wrote: > > Hola compañeros, > > Estoy teniendo serias dudas a la hora de maquetar este menú ya que me > surgen > complicaciones con las rayas que separan cada opción. Podéis ver el menú > en > este enlace: > > http://82.194.66.109/menu.png > > Con el fondo no tengo problema, es bastante simple, pero esas rayas me > están matando. podría ser parte del fondo de cada li, el extremo izquierdo, y al primero no le pongas ese fondo, ponle otro sin la raya. Pierde que la imagen será más grande que esa de 1pixel de ancho q repitirias horizontalmente, pero no pesarán mucho igualmente... -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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
Re: [Ovillo] Como maquetar este menu
On 6/7/07, David Lombardia <[EMAIL PROTECTED]> wrote: > > Hola compañeros, > > Estoy teniendo serias dudas a la hora de maquetar este menú ya que me > surgen > complicaciones con las rayas que separan cada opción. Podéis ver el menú > en > este enlace: > > http://82.194.66.109/menu.png > > Con el fondo no tengo problema, es bastante simple, pero esas rayas… me > están matando. podría ser parte del fondo de cada li, el extremo izquierdo, y al primero no le pongas ese fondo, ponle otro sin la raya. Pierde que la imagen será más grande que esa de 1pixel de ancho q repitirias horizontalmente, pero no pesarán mucho igualmente... -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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
[Ovillo] Como maquetar este menu
Hola compañeros, Estoy teniendo serias dudas a la hora de maquetar este menú ya que me surgen complicaciones con las rayas que separan cada opción. Podéis ver el menú en este enlace: http://82.194.66.109/menu.png Con el fondo no tengo problema, es bastante simple, pero esas rayas me están matando. Un saludo, David ___ 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
