Re: [Ovillo] Elemento central y flotantes alrededor

[jaume op]

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

Re: [Ovillo] Elemento central y flotantes alrededor

[Francisco Gutierrez]

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:



Boton 1
Boton 2





Boton 1
Boton 2



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  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*
>  
>  
>  
>  
>  
> ___
> 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

[Olivier Blázquez]

Hola,
Supongo que buscas algo similar al menu de webplatform. Si es así fíjate en
cómo está hecho.
Usa 2  y el logo está posicionado.

http://www.webplatform.org/*



*


El 7 de febrero de 2013 18:24, German Bustos  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*
>  
>  
>  
>  
>  
> ___
> 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