Foros del Web » Creando para Internet » CSS »

CSS problema con Border-bottom

Estas en el tema de CSS problema con Border-bottom en el foro de CSS en Foros del Web. Siento repetir el tema...no se como se elimina!! Buenas , estoy trabajando en una web en la que he aplicado en la sección galeria un ...
  #1 (permalink)  
Antiguo 20/08/2010, 11:12
 
Fecha de Ingreso: septiembre-2009
Mensajes: 21
Antigüedad: 8 años, 3 meses
Puntos: 0
CSS problema con Border-bottom

Siento repetir el tema...no se como se elimina!!

Buenas , estoy trabajando en una web en la que he aplicado en la sección galeria un jquery slide que descargué con su propio archivo "demo.css" y yo en la web he utilizado mi propia hoja de "estilos.css", al aplicar el jquery, he modificado los css para que fueran compatibles, pero hay un detalle que me supera....jajjaja, es una chorrada.

Tengo un "border-bottom:1px solid #333333;" en mi hoja de estilos que con la del jquery (demo.css) hay algo que hace moverla y solapar encima del menú....

No se si me explico bien, por si acaso dejo links al código:

estilos.css (el de toda la web):
http://www.canallabcn.com/estilos.css

demo.css (el de la galeria jquery):
URL="http://www.canallabcn.com/estilos.css

Y esta es la web en la sección donde ocurre:
http://www.canallabcn.com/galeria.php

Un saludooo, sigo investigando...gracias ^__^
beaR // graphic designer student //

Última edición por bibi1979; 20/08/2010 a las 11:22
  #2 (permalink)  
Antiguo 20/08/2010, 14:18
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: CSS problema con Border-bottom

Revise usted los valores de background-position de /#menu1 #quees a/

Atentamente
  #3 (permalink)  
Antiguo 21/08/2010, 12:53
 
Fecha de Ingreso: septiembre-2009
Mensajes: 21
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: CSS problema con Border-bottom

Hola Kseso? pues gracias por informarme como eliminar un tema duplicado!!

La verdad es que mi nivel css no es abanzado y me encuentro en que no se cual puede ser el problema, he revisado los valores que me indicas, pero me parecen correctos, ya que son las coordenadas para que se vea el menú...

Si me puedes ampliar más o sabes más que yo de lo que podría ser te lo agradecería de todo corazón.

Un saludo
  #4 (permalink)  
Antiguo 21/08/2010, 23:52
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 9 años
Puntos: 66
Respuesta: CSS problema con Border-bottom

estuve revisando un poco, tus problemas radican en esta reglas.

#menu1 li, ahi es que colocas el borde, tambien me di cuenta que colocas la propiedad overflow:hidden en todos lados y eso esta ocultando la imagen tambien. te recomiendo que leas un poco sobre lo que hace esa propiedad creo que no lo tienes del todo claro.

saludos.
  #5 (permalink)  
Antiguo 22/08/2010, 14:32
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: CSS problema con Border-bottom

Creo haber entendido que su problema es que las imágenes del menú no se ven enteras (la parte que debería de su sprite). ¿Cierto?

Veamos cómo coloca usted esa imagen vía css tomando como ejemplo su primer elemento del menú: /qué es/

Su declaración css es la siguiente:
Código CSS:
Ver original
  1. #menu1 #quees a {
  2. background:url("images/menu.jpg") repeat scroll 0 0;
  3. }

Sin haber entrado a fondo en un análisis de su código css y la imagen del sprite, el valor /0 0/ no es el óptimo y hace que sólo se vea la parte superior de la imagen (y cortarse el /qué es/)
Si cambia el valor del eje y a uno negativo (-10px por ejemplo) logrará que la imagen "suba" y así se vea completamente el texto representado.

Espero haber sido ahora un poco más explícito y de ayuda.

Atentamente

P.D.: Si su consulta era relativa al borde negro del menú, la respuesta ya se la indicó tredio. Pero ese borde no es el responsable de la desaparición de sus imágenes.

Etiquetas: border-bottom, estlios, galeria, jquery
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 22:20.