Foros del Web » Creando para Internet » CSS »

¿qué puede interferir con line-height

Estas en el tema de ¿qué puede interferir con line-height en el foro de CSS en Foros del Web. hola, intento integrar wordpress con una web, y a la hora de utilizar el menú de la web en wordpress, el texto de los enlaces ...
  #1 (permalink)  
Antiguo 08/03/2013, 11:32
 
Fecha de Ingreso: julio-2002
Mensajes: 813
Antigüedad: 21 años, 8 meses
Puntos: 2
¿qué puede interferir con line-height

hola,

intento integrar wordpress con una web, y a la hora de utilizar el menú de la web en wordpress, el texto de los enlaces no se centra verticalmente, no se que puede estar interfiriendo, sin embargo, en la web queda centrado perfectamente.


El fragmento de código css donde se especifica la propiedad para centrar el texto de los ul li donde van los enlaces del menu:

Código CSS:
Ver original
  1. #menuneho ul    {
  2. width: 810px; /*If your links text is bigger you will have to adjust this value*/
  3. height: 34px;
  4. margin: 0 auto;
  5. padding: 0px;
  6. line-height: 34px; /*same as height. This will center your text verticaly*/
  7. text-decoration: none;
  8. background: url(imagenulmenu) repeat-x left top;
  9. font-family: Arial, sans-serif;
  10. }

un saludo,
josé carlos.
  #2 (permalink)  
Antiguo 08/03/2013, 11:48
 
Fecha de Ingreso: julio-2002
Mensajes: 813
Antigüedad: 21 años, 8 meses
Puntos: 2
Respuesta: ¿qué puede interferir con line-height

hola,

se ha solucionado incorporando esa misma línea line-height:34px en la definición de propiedades para ul li, que sin embargo no se necesita en la web, aunque aún no se que puede interferir, no he repasado todo el código css del blog. Puede que el css del blog establezca un line-height:0px para li, y esta sea una propiedad heredable (no sé):

Código CSS:
Ver original
  1. #menuneho ul li     {
  2. cursor:pointer;
  3. width: auto;
  4. display: inline;
  5. float: left;
  6. list-style: none;
  7. text-align: center;
  8. [B]line-height: 34px;[/B] /*same as height. This will center your text verticaly*/ 
  9. text-decoration: none;          }

un saludo,
josé carlos.
  #3 (permalink)  
Antiguo 08/03/2013, 11:49
Avatar de DoctorHTML  
Fecha de Ingreso: marzo-2013
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 2
Respuesta: ¿qué puede interferir con line-height

CSS es un lenguaje jerárquico, por lo tanto si hay un line-height para un UL más abajo puede interferir...
Yo de ti probaria a ponerle un !important a ver si funcióna:

Código CSS:
Ver original
  1. line-height: 34px !important;

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:54.