Articles of navegación

Barra de navegación vertical / barra lateral que alinea los elementos centrados

Estoy tratando de construir una barra lateral con elementos verticales centrados como este diseño: No pude resolverlo después de 2 horas, así que decidí preguntarles si alguien podría ayudarme ya que no puedo encontrar buenos enlaces que puedan proporcionar información útil. Creo que estoy haciendo algo mal en la siguiente clase de sidenav : .sidenav […]

Error de tipo no detectado: no se puede leer la propiedad ‘offsetTop’ de null

Estoy utilizando HTML, CSS y JavaScript para crear una página web con una barra de navegación pegajosa y sensible. Creé la barra de navegación receptiva y también estoy tratando de hacerla pegajosa. El problema es que no es pegajoso y muestra un error: Error de tipo no detectado: no se puede leer la propiedad ‘offsetTop’ […]

menú desplegable empuja el div abajo

Cuando se desplaza el menú, el submenú “repele” el siguiente div. ¿Cómo es posible mantener el div en posición por debajo? Aquí está mi código: * { box-sizing: border-box; } body { font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; } .main-navigation { width: 60%; margin: 0 auto; } .main-navigation ul { margin: 0; padding-left: 0; list-style: […]

El texto de la barra de navegación se alinea hacia atrás (CSS)

Estoy en el proceso de desarrollar mi primer sitio web y tengo un problema con la barra de navegación. Estoy usando reglas CSS para alinear la barra, pero desafortunadamente cuando configuro las reglas para float:right; Mi texto está flotando a la derecha pero está alineado hacia atrás en la barra. ¿Cómo puedo hacer que el […]

Encabezado de sitio web simple y sensible basado en código existente

Inicialmente pregunté esto en otro lugar, pero desde entonces el código ha sido modificado y recortado para que sea más fácil trabajar con él, por lo tanto, volver a publicarlo. body, html { max-width: 100%; padding: 0vw; margin: 0vw; } .header { background-color: #ffffff; position: fixed; top: 0%; left: 0%; right: 0%; height: 10vh; z-index: […]

¿Navegación con Bootstrap 4, palanca del lado izquierdo con el botón del lado derecho excluido del colapso móvil?

Estoy tratando de tener una navegación de arranque 4 colapsable con el botón de alternar en el lado izquierdo. Esto no es un problema, pero también estoy tratando de tener un botón de acción (o botones) en el lado derecho de la navegación. ¿Cómo puedo tener botones / enlaces en el lado derecho que están […]

Parent li en el menú desplegable no cambia de color al pasar el mouse

Tengo un que al pasar el cursor muestra un debajo. Finalmente, alineé los bordes, pero ahora, por alguna razón, el color li:hover no volverá a cambiar cuando salgo de él. Lo que parece estar sucediendo es que cuando está activo, el padre principal permanece activo de acuerdo con CSS. Aquí hay un jsFiddle que muestra […]

Navega para anclar en otra página

Simplemente quiero navegar de una página a un punto específico en otra Tengo una página de inicio con cuatro secciones. Sección 2 y 4 características en cada página, por lo que mi navegación se ve así: ABOUT APARTMENTS LANDLORDS CONTACT Los enlaces no están navegando a la página de índice o la sección deseada de […]

Menú desplegable en dispositivos táctiles.

Tengo esta barra de navegación en mi sitio web y no se despliega en mi iPod touch, sospecho que es lo mismo para iPhones y iPads. Esta es una de las páginas. Me preguntaba si hay alguna solución rápida para habilitar el toque / desplazamiento. CSS

Centrar un menú UL de ancho desconocido, problemas de desbordamiento

Creé una demostración simplificada de lo que buscaba lograr pero, básicamente, cuando cambio el tamaño (más pequeño) obtengo barras de desplazamiento que me gustaría eliminar. Agregar desbordamiento: oculto al elemento de navegación funciona … hasta que quiera agregar en submenús. http://jsfiddle.net/aKUAP/ HTML Menu Item Menu Item Menu Item Menu Item Looking for a way to […]