Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: misterfa en 26 Abril 2023, 18:56 pm



Título: No me funciona el menu de navegacion si me pueden ayudar
Publicado por: misterfa en 26 Abril 2023, 18:56 pm

</head>
<body>
    <header> 
        <h1 class="titulo">Diseño y desarrollo web <span>Freelancer</span></h1>
       
        <img src="solo_logo.png"class="avatar" whit="50" height="50"alt="logo de la empresa">
   
    </header>
            <divc lass="nav-bg">
                <nav class="navegacon-principal contenedor">
                    <a href="indextec.html">Inicio</a>
                    <a href="Sobre Mi.html">Sobre Mi</a>
                    <a href="Mis Clientes.html">Mis Clientes</a>
                    <a href="Contacto.html">Contacto</a> 
                </nav>
            </div>
        <img src="proyecto.jpeg"class="imagen">

y este es el CSS

/*sive para almacenar variables, custom properti*/
/*a esto se le llama paleta de docores*/
:root {
   --blanco: #ffffff;
   --oscuro: #212121;
   --primario: #ffc107;
   --secundario: #0097a7;
   --gris: #757575;
}
html{
    font-size: 62.5
}
    body{
        font-size: 16px;/* 1ren = 10px */
        font-family: 'Krub', sans-serif;
    }
   
 /* es para ser mas especifico, especificidad*/
.titulo {
    text-align: center;
    font-size: 3.8ren;
    color: var(--oscuro);
}
.titulo span{
font-size: 2ren;
}
.contenedor {
width: 1200rem;
margin: 0 auto;
}

.nav-bg{
background-color: var(--secundario);

}
 
.navegacion-principal{
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}
.navegacion-principal{
    color: var(--blanco);
    flex-direction: none;
    font-size: 2rem;
    font-weight: 700;
}

.navegacion-principal a:hover{
    background-color: var(--primario);
    color: var(--oscuro);
}

body{
    background-color: #ffc107;
}
@midia (main-widht: 480px){

}





Título: Re: No me funciona el menu de navegacion si me pueden ayudar
Publicado por: UserOff en 27 Abril 2023, 11:15 am
Con que no te funciona el menú de navegación, te refieres a que los enlaces no te redirigen a la página en concreto?

Para hacer el menú te recomiendo utilizar las etiquetas "ul" y "li", "ul" es para crear listas desordenadas y "il" se usa para identificar los elementos dentro de una lista.

La estructura seria así:

<body>
    <nav>
        <ul>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
    </nav>
</body>

El problema de que no te redirija a las páginas no involucra el código CSS, las otras páginas se encuentran en la misma carpeta?