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
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
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
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
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
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
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
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
[Ovillo] como maquetar
Buenas, me gustaría saber como suele maquetar la gente. Yo lo que hago es crear divs para la estructura contenedora, y de dentro de estos divs meter más divs según voy necesitanto. La experiencia de otra gente me dice que puedo estar haciéndolo de la forma menos apropiada, ya que éstos me dice, que para la estructura /contenedores divs, y dentro de estos divs jugar con p Me podríais indicar vuestras experiencias o formas de proceder. Gracias a todos por adelantado y un saludo - Correo Yahoo! Comprueba qué es nuevo, aquí 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
Re: [Ovillo] como maquetar
Hola Josÿ me gustaría saber como suele maquetar la gente. Pues te cuento mi pelicula si quieres. Lo primero que hago es el diseño, claro está, en el programa que más coraje te dé :) Despues me olvido del diseño un rato, y paso a escribir el contenido del sitio centrandome puramente en la información. Como decimos en mi tierra, un poné: h1Pepito Grillo/h1 h2El rey de los grillos/h2 ul liaEnlace 1/a/li liaEnlace 2/a/li liaEnlace 3/a/li ... /ul h3Bienvenido/h3 pTexto de bienvenida/p Así hasta nuestro pie de página. Una vez tengo la información perfectamente desplegada en mi Xhtml, paso a vestirla con mi CSS, basandome claro, en mi previo boceto/screenshot. De esta manera averiguo a tiro hecho los contenedores que voy a precisar (que variarán de un proyecto a otro según su diseño). Un poné part II: div id=marco div id=cabecera h1Pepito Grillo/h1 h2El rey de los grillos/h2 /div div id=contendor div id=menu ul liaEnlace 1/a/li liaEnlace 2/a/li liaEnlace 3/a/li ... /ul /div div id=contenido h3Bienvenido/h3 pTexto de bienvenida/p /div /div div id=pie pPepito Grillo copy; 2005/p /div /div Y en esta segunda fase me dedico a las labores de posicionamiento y flotación de mi CSS y bueno, ya depurando. Consejo: Este método es válido sobre todo para diseñadores Web que trabajan bocetos y estructuras diferentes en cada proyecto. Si lo que pretendes es establecerte como metodo de trabajo una estructura tipo (cabecera, menu izquierda, contenido derecha y pie), habrá que trabajar primero como tu bien haces, colocando los contenedores. A mi forma de verlo, claro. Nota: Como ves he usado en los identificadores del ejemplo nombres en castellano (id=cabecera, id=contenido id=pie..) Aunque estemos acostumbrados al inglés, démosle un toque hispánico a nuestras maquetas, por favor! Promocionando el producto nacional xD Saludos, -- Abel Domínguez ___ 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
Re: [Ovillo] Como maquetar una Pagina con CSS
Hola, jota2 escribió: holaa ovillo,,, bueno la verdad no tengo mucha experiencia con css y por ahy vi que en post pasados extactamente en uno que hablaban de google.. acerca de que google todavia maquetiaba el sitio con tablas...etc bueno me gustaria aprender como es eso de maquetiar con css. me pueden pasar un tutorial.o algun ejemplo... donde puede aprender a hacerlo.. saludos Hay muchas cosas, te paso algo en castellano que encontré mirando en mis marcadores: http://www.grancomo.com/e/maquetar_con_css_dejando_atras_las_tablas.php http://www.tierradenomadas.com/tw003.phtml http://www.theragingche.com/blog/traducciones/throwing_tables/ Y si te arreglás con el inglés, buscá CSS layout y vas a encontrar un montón de tutoriales y artículos. Suerte y saludos ___ 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
