Skip to main content

Respuestas populares con la etiqueta

7 votos
Aceptado

¿ Como dejar la barra de navegación fija no estando al principio del body?

Ya conseguí lo que estaba buscando un código bastante simple que aquí os dejo y espero sirva para otros y que encontré en esta página. Gracias por vuestro apoyo. body, html{ margin:0; padding:0;}...
Avatar del usuario Miguel Espeso
6 votos
Aceptado

¿Por qué la barra de navegación me crea un vacío?

El problema parece estar con las animaciones que tienes (aunque no he conseguido identificar cuál de ellas en particular pero podría ser por los estilos del fadeIn). Inicialmente los elementos quedan ...
Avatar del usuario Alvaro Montoro
  • 49.5k
5 votos
Aceptado

Div se superpone al Nav

Lo que sucede está en sus estilos, específicamente la clase "fixed-top" en su nav, esas propiedades hacen que el nav se superponga y se mueva con referencia a la ventana sin importar lo que esté ...
Avatar del usuario Moisés Huamán C.
4 votos
Aceptado

¿Como hago para que mi menú en Bootstrap 4 se desplace con la pagina, que quede fijo en la parte superior?

Debes agregar un position: fixed a tu nabvar, de esta manera: /*MENU*/ .topnav { background-color: #E4276B; overflow: hidden; /*aqui esta el cambio*/ position: fixed; ...
Avatar del usuario Aníbal Jorquera
4 votos

¿Por qué la barra de navegación me crea un vacío?

Lo que te voy a proponer no es realmente una solución; puesto que no hemos encontrado exáctamente la causa. Sin embargo, he hecho unos tests y sí que parece funcionar sin problemas. Yo he metido ésta ...
Avatar del usuario delCano
  • 494
4 votos

¿ Como dejar la barra de navegación fija no estando al principio del body?

Para dejar algo fijo simplemente usa posición fija (fixed) y luego usa top (o bottom) y left (o right) para indicar la posición en la que quieres poner el elemento: .body { width: 80%; ...
Avatar del usuario Pablo Lozano
  • 49.8k
2 votos

¿ Por que la barra de navegación se extiende a lo ancho en los dispositivos móviles?

Para solucionar este tipo de inconvenientes a la hora de visualizar demasiado contenido en una pagina web para distintos dispositivos, es bueno trabajar con FlexBox que te permite solucionar todo esto ...
Avatar del usuario Rosyec Parrado
2 votos

¿ Como dejar la barra de navegación fija no estando al principio del body?

Tienes en css la propiedad position:fixed que te mantiene el elemento fijado. Para establecerlo en una posición, se lo has de indicar con las prodiedades top, bottom, left y right. hay un tutorial que ...
Avatar del usuario Txmx
  • 835
2 votos
Aceptado

¿ Como disimular la barra de navegación?

Según el link que me pasaste en los comentarios, el fondo semi transparente se le aplica al nav, aplica esto al final del documento: html .nav.navbar-nav { background-color: rgba(255,255,255,0); }...
Avatar del usuario Edgar Gutiérrez
2 votos

Botones next/prev para varios documentos html

Pues aquí tienes, lo he probado ahora en local y me ha funcionado genial. Te explico: Este es el código que has de poner en tu fichero js: $(document).ready(function() { $('#btnPrev').click(...
Avatar del usuario Ferran Muñoz
2 votos

Eliminar espacio entre nav-pills vertical

Lo que te ocurre es que el numero no lo introduces en realidad dentro del nav-pill, si eliminas el css lo podrás observar. Si introduces el span dentro del li obtendras el resultado deseado ....
Avatar del usuario Nicolas Oñate
2 votos
Aceptado

Eliminar espacio entre nav-pills vertical

.badge-avisopedven{ background:#cc6666; position:absolute; top: 15px; left: 150px; } .nav-pills>li { color: brown; background-color: #E5F8FC; } .nav>li>a { ...
Avatar del usuario phpMyGuel
  • 14.8k
2 votos

¿ Como soluciono el error creado por overflow-x: hidden;?

Para solucionar lo de las barras de scroll, prueba utilizando overflow: hidden en lugar de solo en el eje X. Por otro lado para solucionar tu problema lo más sencillo y rápido posible te recomiendo ...
Avatar del usuario David
  • 1,875
1 voto
Aceptado

Problemas con un header con sticky y un aside con nav

Necesitas aplicarle a cada <article> un scroll-margin-top mayor o igual al alto del menu. En tu caso el menú mide 100px de alto. Ejemplo: body { margin: 0; background: lightgray; } /* ...
Avatar del usuario Marcos
  • 35.4k
1 voto
Aceptado

¿Por qué cuando uso position absolute se me traslapan las cajas?

Cuando pones position: absolute a un elemento este toma de referencia para posicionarse en el elemento padre con position: relative más cercano, si no se lo colocas a nada este se posicionará en ...
Avatar del usuario David
  • 1,313
1 voto

Problema con navegación del header

No te funciona funciona porque si usas flex y quieres que los elementos se distribuyan bien aunque flex ya hace un buen trabajo lo mejor es calcular los tamaños correctos, por ejemplo, trata de darle ...
Avatar del usuario Jefferzon Bol
1 voto

¿Aporta semántica el encerrar los enlaces de un nav dentro de un ul?

según mi experiencia la respuesta es no, la semantica la agrega el elemento nav ya que los navegadores y lectores de pantalla utilizan las etiquetas principales para determinar si omitir o renderizar ...
Avatar del usuario Jasael
  • 26
1 voto

El ancho de una barra de navegación desborde o salga de un DIV (abarque el ancho de pantalla)

IMPORTANTE: Lea los comentarios puestos en el código de esta publicación. La mejor forma de lograr que cubra todo el ancho disponible es que no se defina su anchura, ya que como el elemento nav es un ...
Avatar del usuario David E. Luna M.
1 voto
Aceptado

Duda de JavaScript a Jquery

El código no funciona porque estás poniendo el punto en el removeClass, debes poner solamente la clase que quieres remover. Quizá estás confundiendo removeClass(), que es una función, con los ...
Avatar del usuario A. Cedano
  • 95.2k
1 voto

¿ Por que la barra de navegación se extiende a lo ancho en los dispositivos móviles?

para solucionar esto, utilice `.container_12{ overflow-x: hidden; } , lo cual me aconsejo @Alvaro Montoro en otra de mis preguntas y que pude acoplar a este código. Gracias Alvaro.
Avatar del usuario Miguel Espeso
1 voto

¿ Como poner fija la barra de navegación cuando llegue a la parte de arriba de la página?

¿Esto es lo que buscas? Copia este código y pruébalo si quieres. El nav se queda arriba de la pantalla al hacer scroll (Menu Sticky). <!DOCTYPE html> <html> <head> <meta ...
Avatar del usuario Luis Gerardo

Only top scored, non community-wiki answers of a minimum length are eligible