1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Solucionado Como hago un menu horizontal simple con css y html

Tema en 'Temas Solucionados' comenzado por Bloggero, 12 de Octubre de 2015.

  1. Bloggero

    Bloggero Miembro

    Se incorporó:
    12 de Octubre de 2015
    Mensajes:
    44
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    Hola me podrias ayudar. Es que quiero saber como hago para que se sea simple osea que se quede arriba que no sea fijo ?
    Estaba haciendo el de http://www.falconmasters.com/web-design/tutorial-menu-de-navegacion-fijo/
    pero este se queda fijo en la pantalla yo quiero hacer que se quede arriba y que no baje pero que quede con el mismo estilo.

    De Antemano Gracias. :D
     
  2. fede5426

    fede5426
    Moderador
    Miembro del Equipo

    Se incorporó:
    5 de Mayo de 2015
    Mensajes:
    237
    Me gusta recibidos:
    171
    Puntos de trofeos:
    43
    Género:
    Hombre
    Borra esto (las propiedades señaladas con un asterisco):

    Código (CSS):
    header {
      background: rgba(0,0,0,0.9);
      width: 100%;
      position: fixed;   *
      z-index: 100;   *
    }
    Position fixed es la propiedad que hace que el header sea fijo. Borra esas 2 propiedades y agrega "overflow:hidden" porque el nav está flotado y no se va a ver el color si no colocas esa propiedad.

    Saludos!
     
    A Bloggero le gusta esto.
  3. Bloggero

    Bloggero Miembro

    Se incorporó:
    12 de Octubre de 2015
    Mensajes:
    44
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    fede5426 Gracias, me ha servido y no solo me distes el código si no que también me lo explicaste ;);) gracias de nuevo.
     
  4. gammafp

    gammafp
    Moderador
    Miembro del Equipo

    Se incorporó:
    12 de Enero de 2015
    Mensajes:
    817
    Me gusta recibidos:
    387
    Puntos de trofeos:
    63
    Género:
    Hombre
    Bienvenido Bloggero, me alegro que nuestro compañero @fede5426 te haya podido resolver el problema. Si quieres puedes presentarte AQUÍ así te vamos conociendo mas. Saludos.
     
    A Bloggero le gusta esto.
  5. Bloggero

    Bloggero Miembro

    Se incorporó:
    12 de Octubre de 2015
    Mensajes:
    44
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    gracias @gammafp acabo de publicar ya el post de persentacion
     
  6. Bloggero

    Bloggero Miembro

    Se incorporó:
    12 de Octubre de 2015
    Mensajes:
    44
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    @fede5426 mira y si quisiera cambiar el color que da cuando uno pasa el puntero como o donde lo aria? ya prove en
    Código (CSS):
    nav ul li:hover {
      background: #3ead47;
    }
    Pero automaticamente se quita la barra
     
  7. fede5426

    fede5426
    Moderador
    Miembro del Equipo

    Se incorporó:
    5 de Mayo de 2015
    Mensajes:
    237
    Me gusta recibidos:
    171
    Puntos de trofeos:
    43
    Género:
    Hombre
    Algo estás haciendo mal porque es ahi exactamente donde tenes que cambiar el color..

    Proba suplantarlo por este:
    Código (CSS):
    nav ul li:hover {
      background: #3e82f7;
    }
    Si el hover ahora es celeste, entonces estabas haciendo mal el cambio de color.. revisalo.
     
    A Bloggero le gusta esto.
  8. Bloggero

    Bloggero Miembro

    Se incorporó:
    12 de Octubre de 2015
    Mensajes:
    44
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    Estaba probando con #fff pero no me dejo hasta que le puse el rojo de rojo en codigo y funciono gracias
     
  9. fede5426

    fede5426
    Moderador
    Miembro del Equipo

    Se incorporó:
    5 de Mayo de 2015
    Mensajes:
    237
    Me gusta recibidos:
    171
    Puntos de trofeos:
    43
    Género:
    Hombre
    #fff es blanco :D rojo es #ff0000..

    De nada!
     
  10. Bloggero

    Bloggero Miembro

    Se incorporó:
    12 de Octubre de 2015
    Mensajes:
    44
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    por eso al principio le agregue blanco #fff y no me dejo des pues agregue que es rojo #FF0011 :D talves no me exprese bien
     
    A fede5426 le gusta esto.

Comparte esta página