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? |