Preguntas con la etiqueta [navbar]
La etiqueta navbar no tiene orientación de uso.
86
preguntas
-2
votos
0
respuestas
15
vistas
¿Como eliminar espacios en blanco en html?
Estoy haciendo una barra de navegación simple con html y css, al hacer que cambie de color con :hover me di cuenta que dejaba un espacio en blanco entre cada opción.
En el html no hay nada entre ellos ...
0
votos
1
respuesta
52
vistas
Position: sticky; no funciona
Quiero que mi barra de navegación se quede fija en mi archivo web. He probado el position: sticky; top: 0; Pero no funciona, cuando la barra de navegación alcanza el valor top: 0, no se adhiere a la ...
1
voto
1
respuesta
22
vistas
cómo hago que la navbar se mantenga igual al mostrar un submenú
Cuando quiero mostrar el submenú el fondo de la navbar también se hace más grande, ya que el submenú está dentro de ese bloque, pero quiero que la navbar se quede igual, sin cambiar su tamaño, y el ...
0
votos
0
respuestas
18
vistas
Angular - Actualizar icnonos del navbar cuando usuario esta logueado en localStorage
Mi problema es que cuando ingreso con un usuario, este se actualiza solamente en el componente del menu del administrador, pero si voy a otra pagina, como ser el Home, no se actualiza y vuelven a ...
0
votos
1
respuesta
20
vistas
Destacar opcion en NAVBAR
Tengo en mi sistema una NAVBAR con varias opciones, todo funciona bien.
Tengo configurado para que cuando la pagina este en ACTIVE se destaque para identificar la pagina actual. Pero lo que no he ...
1
voto
1
respuesta
23
vistas
El logo en mi navbar no carga en otras paginas
Estoy tratando de agregar un logo a mi navbar, pero el logo no carga en otras paginas, solo en la principal.
A continuación, el codigo:
<a class="navbar-brand text-white logo h3 align-self-...
0
votos
1
respuesta
20
vistas
Actualizar estado active en <nav>
¿Por qué cuando interactuo con los elementos del dropdown y luego quiero interactuar con los demas elementos no me desmarca las opciones dentro del dropdown, siempre las deja activas y me bloquea el ...
0
votos
0
respuestas
23
vistas
Como cambiar el alto de un navbar de boostrap
Estoy utilizando el navbar predeterminado de BOOSTRAP pero es muy alto y necesito que sea mas pequeño. Cuando trato de forzarlo en un CSS con height lo consigo pero luego el modo responsive no ...
-1
votos
1
respuesta
37
vistas
Modal bootstrap no funciona con navbar fija
Anteriormente formule mal la pregunta. Pido disculpas ya que soy novato.
Adjunto codigo. Mi consulta es la siguiente, tengo un navbar de bootstrap y dentro puse dos modal, funciona todo perfecto pero ...
3
votos
0
respuestas
31
vistas
¿Como puedo eliminar el margin-left que tiene por defecto las etiquetas <a> del navbar de Bootstrap?
No encuentro la manera de hacerlo desde CSS. Imagino que viene predeterminado por alguna de las clases de Bootstrap, pero imagino al mismo tiempo que debe poder editarse.
Como verán en esta foto, en ...
0
votos
0
respuestas
34
vistas
¿Como guardar el estado en Localstorage?
Buen día quien este leyendo este mensaje!
Todavia soy relativamente nuevo programando y tengo una duda...
Hice una barra de Navegación: body > div > nav > div > ul > li*10
//Barra de ...
0
votos
0
respuestas
36
vistas
Ocultar menu de navegación en wordpress en template con php
Estoy usando wordpress/divi con wcfm que es un marketplace multivendedor. y necesito ocultar el menú en la página de la tienda de los vendedores que no es una Pagina propiamente tal si no que se ...
0
votos
0
respuestas
62
vistas
JavaScript, hacer que ScrollIntoView() no tenga en cuenta un header top fixed de 80px
Hola a todos tengo en mi portafolio personal un menú de navegación que cuando se hace scroll hacia abajo, éste queda fijo en el top de la pantalla, la navegación funciona por medio de JS con un ...
0
votos
1
respuesta
31
vistas
Problema con la configuración del tamaño y la posición del navbar
He estado trabajando un proyecto en vue / code pen, sin embargo tengo un problema con la configuración del tamaño del navbar; la idea es que tenga el largo de la pagina y poder organizar los ...
1
voto
1
respuesta
51
vistas
Mantener tamaño del elemento al ser afectado por un media query
Estoy aprendiendo a manejarme con las media query y me ha surgido un problema que no veo muy bien como solucionar. He ajustado mi media query para que cuando la pantalla tenga un tamaño determinado, ...
1
voto
1
respuesta
59
vistas
¿Como hacer para que el texto del menu quede de un color cuando está en foco?
Basicamente es un menu que el texto tiene un color, y quiero que cada vez que se va cambiando de pagina, quede de otro color el texto del menú de esa pagina en la cual estoy parado. Intente con un :...
0
votos
1
respuesta
106
vistas
Problema en CSS con "hover"
me acabo de registrar, espero que puedan resolver mi duda.
Me sucede que eh utilizado el estilo "hover" en CSS, cuando paso el mouse por encima de los elementos en mi barra de navegación, me ...
0
votos
0
respuestas
143
vistas
Problema con Nav bar de bootsrap 5
estoy teniendo un problema con mi navbar, resulta que esta siendo responsive y aparece el menu hamburguesa pero cuando le doy click no colapsa.
<nav class="navbar navbar-expand-md navbar-dark ...
0
votos
0
respuestas
203
vistas
problemas con textbox fechas y numeros en formulario procedente de listbox
Tengo una base de datos de un colegio. He creado formularios de ALTAS, BAJAS y MODIFICAR. en el formulario MODIFICAR he creado un listbox para elegir el alumno y los datos los recoge el formulario ...
0
votos
0
respuestas
38
vistas
¿Qué estoy haciendo mal con este menú de navegación?
Tengo el siguiente menu.html dentro de la carpeta vistas y quiero que se incluya en cada pagina de mi proyecto.
Ya probé poniendo el menú en la carpeta raíz, en vistas, en html, en php, con require ...
0
votos
1
respuesta
111
vistas
Logo en el Navbar no cuenta con el color de fondo adecuado
estoy empezando con un proyecto y al momento de colocar mi logo("Imagen") en el nav no toma el color de fondo de este(La imagen esta en formato png), por favor necesito ayuda.
HTML
<...
1
voto
1
respuesta
133
vistas
Como arreglar un bug con active navbar bootstrap?
Creando mi navbar en bootstrap usando react, me tope con este pequeño error
En la imagen aparece que Home esta activo pero yo en en codigo no lo tengo activo, es mas work deberia ser el que este ...
0
votos
2
respuestas
134
vistas
Posicionar imagen en NAVBAR segun resolucion
Tengo 3 div en mi navbar. Cuando la resolucion es para mobiles se muestran solo 1 y quiero que quede centrado. Cuando la resolucion aumenta pasan a ser 2 y cuando aumenta mas pasan a mostrarse los 3. ...
0
votos
1
respuesta
65
vistas
No consigo eliminar un menú de navegación con Javascript en vista de smartphone
os comento, estoy haciendo en mi portafolio un menú de navegación que cuando hagas scroll hacia abajo, éste quede fijo en la parte superior de la pantalla. El tema es que este menú de navegación fijo ...
1
voto
1
respuesta
230
vistas
¿Navbar de bootstrap no se repliega al elegir una opcion del menú?
Tengo un navbar hecho con las clases que nos brinda bootstrap 5.1, pero al abrirlo desde un móvil el botón responsive despliega el menú, sin embargo cuando elijo una opción del menú este no se contrae ...
0
votos
1
respuesta
395
vistas
¿Existe algo similar a background-image en NavBar de Material-UI con react?
Buenas noches estoy desarrollando un ToDo App en react con material-ui, y quiero que mi Navbar tenga una imagen de fondo, pero no encuentro una propiedad para hacerlo, ¿saben si existe alguna ...
1
voto
1
respuesta
416
vistas
REACT.JS ¿Cómo hago para que en ciertas routes me muestre mi navbar con fondo y en otras routes no tenga fondo?
Tengo un inconveniente que no he podido solucionar, tengo un NAVBAR la cual necesito que solo en ciertas route deberá ser transparente y en otras tiene que mostrar el background. Es decir, cuando es ...
0
votos
1
respuesta
165
vistas
¿Cómo agrego este icono al menú dropdown?
Hola tengo el siguiente menu y necesito agregarle un icono de una flecha <i class="fas fa-angle-down"></i> para indicar que es desplegable, asi como se ve en esta imagen
Pero no ...
0
votos
0
respuestas
41
vistas
Los productos no se me separan por categoria
Estoy creando una pagina, en el navbar tengo los categorías para separar los productos, la situación es que no los separa. Ejemplo en esta captura de mi Google Firebase
la "categoryId" es &...
4
votos
1
respuesta
292
vistas
Elementos se caen hacia abajo de un navbar
Tengo un navbar en mi sitio. Pero el problema es que los elementos del navbar se caen hacia abajo. Osea, el icono se queda arriba y el texto abajo.
He preguntado hace unas horas aquí en StackOverFlow ...
0
votos
1
respuesta
170
vistas
Botón de menú hamburguesa no se centra
Hola a todos!
Tengo un navbar que es adaptable a dispositivos. Le puse para que en el tamaño de telefóno estandar aparezca un botón de menú hamburguesa (toggle), pero el botón no se centra como se ...
0
votos
1
respuesta
91
vistas
Mostrar links animado de Bootstrap navbar sin Jquery
estoy usando bootstrap sin Jquery debido a que estoy trabajando con Liferay y estoy creando fragmentos por mi cuenta, me encuentro haciendo un navbar y funciona todo bien, mi problema esta en que no ...
1
voto
0
respuestas
57
vistas
Return Navbar html through js function
Estoy trabajando en un sitio web con diferentes páginas. Me gustaría usar la misma navbar de un navbar.js para no tener que copiarla en cada página.
La navbar actual usa la función showsubMenu() para ...
0
votos
0
respuestas
40
vistas
BOTON REGRESAR DEL NAVEGADOR
Espero que se encuentren bien
Tengo una duda y si alguien sabe, espero pueda ayudarme. Estoy desarrollando una pagina con HTML, PHP y Javascript
El problema que tengo es que a la hora que inicio ...
-1
votos
1
respuesta
263
vistas
Quiero crear un Navbar
Hola a todos estoy aprendiendo CSS y quería probar hacer una navbar mas o menos como la imagen
El problema es que nose como hacer un corte diagonal
Ahorita llevo esto`
<div class="...
0
votos
1
respuesta
103
vistas
Navbar no se muestra bien en el navegador
Navbar no se muestra bien en el navegador, al momento de abrir el carrito en el lado derecho este se muestra incompleto, que debo corregir para que el proyecto se visualice bien?
<header>
...
0
votos
1
respuesta
358
vistas
Como cerrar modal y navbar al mismo tiempo
Tengo un navbar ubicado en el pie de pagina de mi desarrollo el cual contiene un aviso para uso de cookies con dos botones, el primer botón Aceptar cierra el navbar y se crea una cookie y el segundo ...
0
votos
0
respuestas
79
vistas
Como hacer uso de un navbar en todos los .html de mi proyecto
Estoy desarrollando un navbar ubicado en el pie de pagina el cual se encargara de mostrar un aviso de cookies, como son varias paginas (archivos .html) que contiene mi proyecto quisiera replicar este ...
0
votos
1
respuesta
98
vistas
Como posicionar fijo un elemento HTML sin salir del flujo?
es algo que crei encontrar una rapida respuesta en google pero no fue asi.
Si un elemento es posicionado fijo con css (position:fixed;) no lo afecta el scroll, esto es muy practico para los navbars, ...
0
votos
1
respuesta
207
vistas
Navbar Bootstrap no despliega Sub-menu
Estoy usando un navbar que tome en los ejemplos de bootstrap y le hice algunos cambios minimos, lo que me pasa es que no me funciona la parte desplegable para sub-menu y tambien cuando la pagina se ...
0
votos
1
respuesta
35
vistas
como lograr que la lista se muestre con un efecto de transicion?
estoy haciendo un menu de navegación responsive, que se despliega lateralmente (esto ya lo hice con una transición), pero el problema es que dentro de este menu tengo una lista, que quiero que muestre ...
2
votos
1
respuesta
96
vistas
¿Cómo cambiar el color de fuente de la barra de navegación cuando hace scroll?
Tengo una navbar transparente con texto blanco, cuando hago scroll down a la pagina me gustaría que el texto cambiara a color negro. ¿Cómo puedo hacerlo?
Adjunto mi código JS:
$(window).scroll(...
2
votos
2
respuestas
77
vistas
Errores en Javascript y cosas que no entiendo
Estoy tratando de hacer un burguermenu con JavaScript, con el fin de que pueda ser abierto con el botón, pero cerrado, bien pulsando en el botón, así como pulsando fuera de la ventana del menú. No sé ...
1
voto
1
respuesta
689
vistas
¿Cómo crear un navbar estático en Bootstrap y visualizar en él un menú de grandes proporciones correctamente?
Tengo un nabvar en Bootstrap que funciona perfecto en todas las vistas menos en la vista móvil horizontal. Al presionar sobre el dropwdown, se abre el desplegable y al tener bastantes elementos uno ...
0
votos
1
respuesta
177
vistas
Navbar queda encima del inicio de la sección al hacer scroll
Como puedo dar ese espacio del navbar al activar el scroll, para que este no quede encima del inicio de la sección a la cual el botón me dirige?
Lo que intento es que el alto del navbar sea ...
0
votos
0
respuestas
142
vistas
box-shadow no se muestra en el navbar
estoy queriendo hacer una barra de navegación (navbar)) y al momento de aplicarle un box-shadow al borde inferior, ésta no se muestra, la sombra no se muestra.
Me pasa lo mismo en otros navegadores.
Y ...
0
votos
1
respuesta
270
vistas
Navbar no se despliega con bootstrap 4.5.3 (cdn) responsive?
Hola estoy practicando el navbar y me pasa que instalo la versión (via cdn) 4.5.3 de bootstrap y al momento de achicar la página, el menú no se despliega. Pero si pongo la versión 4.0.0 ahí sí ...
1
voto
0
respuestas
27
vistas
¿Como puedo hacer que un dropdown se despliegue en una pagina aspx donde estoy importando un navbar?
Quisiera saber como hacer que funcione un dropdown en una página .aspx en donde estoy importando un navbar de una pagina .html, el dropdown lo hice con bootstrap pero solo me funciona en la página ....
1
voto
1
respuesta
72
vistas
navbar bootstrap4
Estoy desarrollando un sitio, donde el nav tiene un top de 35% por que va sobre una imagen de fondo debajo del logo. Quiero que ese nav al scrollear se pegue al top, pero si no scrollea se mantenga en ...
0
votos
1
respuesta
138
vistas
Ubicación de navbar dependiendo de la resolución
Es posible tener la barra de navegación en lado izquierdo, pero al hacer la pantalla más pequeña se vaya para la derecha y se alineara con el logo?
<link href="https://cdn.jsdelivr.net/npm/...