tengo un problema con la cabezera de mi pagina | Sololearn: Learn to code for FREE!
+ 1

tengo un problema con la cabezera de mi pagina

buenas noches... describo el problema tengo una pagina wed desarrollada en html y css. tengo la parte del navegador(titulo y 5 botones,declarados en codigo #menu) y la parte del body.(.header2) lo que deseo que me apoyen es que cuando suba la barra de desplazamiendo hacia arriba la parte del body suba por abajo del navegador, pero que no se vea las letras del body....cuando baje toda la barra de desplazamiento.. <html> <head> <meta charset="utf-8"> <title>san jacinto </title> <style> <!-- <link rel="stylesheet" href="css/estilos.css"> --> #menu { background-color:black; } #menu ul{ list-style:none; margin:0; padding:0 ; } #menu ul li { display :inline-block; } #menu ul li a{ color:white; padding: 20px 80px; text-decoration:none; } #menu ul li a:hover{ background-color:#42B881; } #titulo { padding: 10px 80px; background-color :navy } .item-r{ float: } <!-- para el centrado del contenido header2 ve la altura y ancho segun la letra de la cabezera--> .wrapper { width:80%; max-width:1000px; margin:auto; } .header2 { position: fixed; height: } .header2 { line-height:15px; font-size:20px; } </style> </head> <body> <header class="header2"> <!-- titulo --> <div id="titulo" style="padding:20px"> <p style="color:white;"align="center"><big> SAN JACINTO LA CIUDAD DEL AZUCAR </big></p> </div> <!-- navegador --> <div id="menu" style="background-color :BLACK;color:white;padding:30px;"> <ul> <!-- los enlaces --> <li style ="display:inline;"><a href="http://sanjacintodistritodenepenaancash.blogspot.com/2015/04/hacienda-san-jacinto-distrito-de-nepena.html" target="_blank">Historia</a> </li> <li style ="display:inline;"><a href="http://lohermosodeladanza.blogspot.com/p/los-caneros-de-san-jacinto.html" target="_blank"> folklore </a> </li> <li style ="display:inline;"><a href="https://www.

17th Apr 2020, 3:28 AM
Manuel Antonio Villanueva
Manuel Antonio Villanueva - avatar
1 Answer
+ 1
pon un enlace del codigo es mas sencillo evaluar asi... ahora segun lo que veo es que header no debe tener position:fixed; deberia ser relativa esa posicion o absoluta y toda la barra de navegacion deberia ser posicion fixed o fija de esa manera no se movera para desaparecer elementos html o " desaparecer" basta con un = display: none;
12th May 2020, 8:23 PM
Edwin Boada
Edwin Boada - avatar