Foros del Web » Creando para Internet » CSS »

border-bottom en hover

Estas en el tema de border-bottom en hover en el foro de CSS en Foros del Web. Buenas tardes, mi problema está que cuando hago un hover encima de un enlace del menu la raya de separacion entre cada item se alarga ...
  #1 (permalink)  
Antiguo 20/09/2016, 16:28
 
Fecha de Ingreso: mayo-2013
Mensajes: 17
Antigüedad: 11 años, 6 meses
Puntos: 0
border-bottom en hover

Buenas tardes, mi problema está que cuando hago un hover encima de un enlace del menu la raya de separacion entre cada item se alarga o crece, mirenlo aqui.

[URL="http://codepen.io/anon/pen/EgNXZp"]http://codepen.io/anon/pen/EgNXZp[/URL]

Gracias!
  #2 (permalink)  
Antiguo 20/09/2016, 20:08
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: border-bottom en hover

Hum. De plano podrías meter o un elemento extraño adicional entre cada li o tal vez explorar usar un border-image: http://www.w3schools.com/css/css3_border_images.asp

Otra cosa podría ser incorporar un li:after y darle formato a este. http://www.w3schools.com/cssref/sel_after.asp
  #3 (permalink)  
Antiguo 24/09/2016, 09:23
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: border-bottom en hover

Un objeto extraño dentro de cada li para eso lo veo muy sucio, la mejor opción seria hacer uso de la propiedad :after

bastaría con darle posición absoluta para que salga del flujo y así evitarías crezca el li y por ende su borde derecho.

Etiquetas: hover
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 04:58.