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;}...
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 ...
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é ...
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;
...
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 ...
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%;
...
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 ...
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 ...
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);
}...
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(...
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
....
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 {
...
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 ...
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;
}
/* ...
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 ...
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 ...
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 ...
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 ...
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 ...
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.
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
nav × 38html × 23
css × 18
bootstrap × 14
javascript × 9
navbar × 5
div × 4
menú × 4
jquery × 2
bootstrap-4 × 2
li × 2
php × 1
html5 × 1
array × 1
angular × 1
asp.net × 1
css3 × 1
angularjs × 1
vue.js × 1
web × 1
script × 1
botón × 1
interfaz-gráfica × 1
responsive × 1
programación-móvil × 1