Re: [Ovillo] Elemento central y flotantes alrededor
Hola, Supongo que buscas algo similar al menu de webplatform. Si es así fíjate en cómo está hecho. Usa 2 ul y el logo está posicionado. http://www.webplatform.org/* * El 7 de febrero de 2013 18:24, German Bustos ger...@atarraya.org escribió: Hola, Dudé en escribir para hacer esta pregunta pero no he sido capaz de maquetar esto correctamente. Se trata de un menú que está alrededor de un elemento central (un logo con texto). El menú está compuesto por cuatro elementos en una lista la idea es que los elementos floten alrededor de la div central. En el HTML los elementos de la lista están debajo del logo de manera que se pueda reorganizar en otros anchos. Algo así http://atarraya.org/x/ Pero no logro que los elementos verdes se distribuyan dos a la derecha y dos a la izquierda del elemento central Gracias de antemano, Germán -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) *3044281544* http://atarraya.org/ http://germanbustos.com/ http://www.facebook.com/german.bustos http://twitter.com/kommodin http://www.linkedin.com/in/germanbustos ___ 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] Elemento central y flotantes alrededor
Quiza te convenga crear dos ul distintos, uno con dos botones flotado a la izquierda y el otro con dos botones a la derecha, el logo en el centro, todo en un div general: contenedor general ul float left liBoton 1/li liBoton 2/li /ul logo float left ul float right liBoton 1/li liBoton 2/li /ul /contenedor general si los botones tienen alto fijo, podrias asignarle a los dos ul un position:relative, top:50%, y margin-top:-la mitad del height de cada boton; de modo de bajarlos la mitad exacta del div que contiene al logo, esta seria una de las maneras posibles. Saludos El 7 de febrero de 2013 15:24, German Bustos ger...@atarraya.org escribió: Hola, Dudé en escribir para hacer esta pregunta pero no he sido capaz de maquetar esto correctamente. Se trata de un menú que está alrededor de un elemento central (un logo con texto). El menú está compuesto por cuatro elementos en una lista la idea es que los elementos floten alrededor de la div central. En el HTML los elementos de la lista están debajo del logo de manera que se pueda reorganizar en otros anchos. Algo así http://atarraya.org/x/ Pero no logro que los elementos verdes se distribuyan dos a la derecha y dos a la izquierda del elemento central Gracias de antemano, Germán -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) *3044281544* http://atarraya.org/ http://germanbustos.com/ http://www.facebook.com/german.bustos http://twitter.com/kommodin http://www.linkedin.com/in/germanbustos ___ 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 -- *Francisco Gutiérrez* *Pragma Consultores * *Tecnico en Mantenimiento Informático / Desarrollador web * *Gtalk:* fis...@gmail.com / *Skype:* fishoa ___ 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] Elemento central y flotantes alrededor
Hola Germán. No voy a entrar en como tienes el Css, (solo tienes lo justo).
En lo referente a centrar la UL, te dire que si la flotas o le das
display:block, tendrías que calcular las medias y ajustarla, con margin y
text-align-center;
Una manera que me ha funcionado es esta:
nav{
display:block;
}
nav ul{
margin:0 auto;
padding:0;
list-style: none;
text-align:center; //centro la lista
}
nav ul li{
display:inline; //lista horizontal
}
nav ul li a, nav ul li a:link, nav ul li a:visited{
width:7em; display:inline-block; //doy volumen a los a con tu height
y line-height
color: #B0ECC4;
background: #339900;
height: 3.5em;
line-height: 3.5em;
text-align: center;
text-decoration: none;
font-weight: bold; //el margen se lo doy luego a cada link
}
c1, c2{margin-right: 3em}
c3, c4:{margin-left: 3em}
Espero te resuelva algunas dudas.
Saludos
Jaume
___
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] Elemento central y flotantes alrededor
Hola, Dudé en escribir para hacer esta pregunta pero no he sido capaz de maquetar esto correctamente. Se trata de un menú que está alrededor de un elemento central (un logo con texto). El menú está compuesto por cuatro elementos en una lista la idea es que los elementos floten alrededor de la div central. En el HTML los elementos de la lista están debajo del logo de manera que se pueda reorganizar en otros anchos. Algo así http://atarraya.org/x/ Pero no logro que los elementos verdes se distribuyan dos a la derecha y dos a la izquierda del elemento central Gracias de antemano, Germán -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) *3044281544* http://atarraya.org/ http://germanbustos.com/ http://www.facebook.com/german.bustos http://twitter.com/kommodin http://www.linkedin.com/in/germanbustos ___ 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
