1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Ayuda con menu CSS!! urgente!!

Tema en 'Programación y Diseño Web' iniciado por Cabas, 14 Ene 2021.

  1. Cabas

    Cabas Nuevo usuario

    Lo primero de todo gracias de antemano Hackermans!!!. Les cuento, hace poco que he comenzado de forma autodidacta en el mundo del diseño web y estoy empezando con manejar lo básico del lenguaje de marcado html y las hojas de cascada CSS. Mi problema esta en que no consigo que me salga el menu desplegable. Creo que mi fallo esta cuando haces el selector de los hijos en los códigos <li> y <ul>. Espero que alguien me pueda ayudar y aprender de los mejores.

    Os copio aqui el lenguaje que tengo escrito:

    HTML:
    <!DOCTYPE html>
    <html lag="es">
    <head>
    <title>Mi primera pagina</title>

    <meta charset="utf-8">
    <meta name="author" content="Cabas">
    <meta name="keywords" content="HTML, CSS, JavaScript">
    <link rel="stylesheet" href="../programacion/Css_blog_adrian.css" type="text/css">
    <lin rel="stylesheet" href="../programacion/cssmenuprincipal.css">
    </head>
    <body>
    <header>
    <div align="center">
    <h1 class="color">
    El blog de Adrian
    </h1>
    </div>
    </header>
    <nav>
    <ul class="menu">
    <li> <a class="menu" href="Blogadrian.html"> Inicio </a> </li>
    <li> <a class="menu" href="Blogadrian.html"> Mundo Hacker </a>
    <ul>
    <li> <a href="Blogadrian.html"> El blog de Adrian</a> </li>
    <li> <a href="18122020.html">18.12.2020</a> </li>
    <li> <a href="20122020.html">20.12.2020</a> </li>
    <li> <a href="23122020.html">23.12.2020</a></li>
    <li> <a href="26122020.html">26.12.2020</a></li>
    <li> <a href="27122020.html">27.12.2020</a> </li>
    <li> <a href="29122020.html">29.12.2020</a> </li>
    <li> <a href="03012021.html"> 03.01.2021 </a> </li>
    <li> <a href="05.01.2021.html"> 05.01.2021 </a> </li>
    </ul> </li>
    <li> <a class="menu" href="#"> Deporte </a>
    <ul>
    <li> <a href="05.01.2021.html"> Bici </a> </li>
    <li> <a href="05.01.2021.html"> Trail Running </a> </li>
    </ul>
    </li>
    <li> <a class="menu" href="#"> Mundo gaming </a>
    <ul>
    <li> <a href="05.01.2021.html"> Nuevos Juegos </a> </li>
    <li> <a href="05.01.2021.html"> Lords Mobile </a> </li>
    </ul>
    </li>
    </ul>
    </nav>
    CSS:
    ul{
    list-style: none;
    background-color: green;
    padding-bottom: : 0;
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    }

    .menu ul{
    position: relative;
    }
    .menu > li{

    display: inline-block;
    }

    .menu > li a{
    list-style-type: none;
    padding: 1px 10px;
    margin: none;
    }

    li {
    display: none;
    color: white;
    padding: 1px 1px;
    margin: 1px solid black;
    }
    li a{
    color: white;
    text-decoration: none;
    display: block;
    visibility: inherit;

    }
    li a:hover{

    display: block;
    transition: 3s;
    visibility: visible;
    }

    Espero tener suerte y si me pudieran decir algún libro para comenzar me sentiría muy agradecido.
     
  2.  
  3. Sphyr0

    Sphyr0 Usuario activo

    Te falta la K en el 2do tag link:
    PHP:
    <link rel="stylesheet" href="../programacion/Css_blog_adrian.css" type="text/css">
    <
    lin rel="stylesheet" href="../programacion/cssmenuprincipal.css">
     
  4. Cabas

    Cabas Nuevo usuario

    Si amigo cierto, pero eso lo tenía que quitar ya que fui ha hacerlo en un CSS diferente pero al final lo deje en el mismo que es el principal. Entonces, me sigo quedando en el problema principal que es que cuando paso el raton por el <li> principal no me salen las sublistas.
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta · Sobre Devandhost · Anna Telecom