Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vinicius.Sousa

Sobrepor h1 em nav

Por , em Desenvolvimento frontend

Recommended Posts

Vinicius.Sousa    0

Vinicius.Sousa
Postado

Quero sobrepor um h1 em nav só que não dá, já tentei de tudo.

 

Peço ajuda e se possível uma explicaçãozinha.

 

Estou fazendo um projeto esboço pois não tenho ideia do que criar, porém estou criando um tipo de jornal com sistema de postagem que ainda irei elaborar. Porém estou estudando a estilização do site e gostaria de sobrepor esse h1 no menu que está em nav.

 

Só que está a ser impossível pra mim!

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jornal</title>
<link rel="stylesheet" type="text/css" href="styles/style.css" />
<h1 class="logo" align="center"><a href="/index.php">Jornal</a></h1>
<nav id="menuhead">
 	<ul>
        <li><a href="#">Sobre</a></li>
        <li><a href="#">Contato</a></li>
        <li><a href="#">FAQ</a></li>
    </ul>
    
</nav>

</head>

<body>
<div id="postagem">
</div>
</body>
</html>

@import url(https://fonts.googleapis.com/css?family=Exo);
* {background-color:#CCC; margin: 0; padding: 0; box-sizing: border-box;}
#menuhead ul{ background:#999; height: 52px; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; list-style:none;}
#menuhead ul li{display: inline; margin-left:30px; background:none; margin-bottom:10px; position:relative;}
#menuhead ul li a{ padding:5 10px; text-decoration:none; color:#FFF; font-size:18px; background:none; position:relative; top:25%; font-family:Tahoma, Geneva, sans-serif;}
#postagem { width:650px; height:1360px; background-color:#FFF; opacity: 0.8; margin:0 auto;}
#menuhead ul li a:hover {color:#665;}
.logo a{color:#FFF; text-decoration:none; font-family: 'Exo', sans-serif; font-size:40px; display: block;}
.logo a:hover { color:#333;-webkit-transition-duration: .99s;}
.logo {margin:0 auto;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vinicius.Sousa    0

Vinicius.Sousa
Postado

Esse menu vai ficar na cabeça do site, no caso head (como se fosse um banner)

 

Eu quero colocar o h1 sobre primeiro plano, exemplo: esse menu é fixado e eu quero que o h1 fique sobre ele como se fosse um banner.

 

O h1 fica por trás do menu, veja abaixo.

 

zFy62bJ.jpg

 

Quero colocar ele sobre primeiro plano. Exemplo:

TXmvXUC.png

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vinicius.Sousa    0

Vinicius.Sousa
Postado

Não viu as imagens? Hehe o h1 vai ficar sobre primeiro plano, no caso na frente do menu.

 

Só que eu não consigo deixar ele de primeiro plano!

 

O menu e o h1 vai ficar como se fosse um banner fixado entendeu?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Electronic    124

Electronic
Postado

Nao vi pq não tinha imagens vc editou o post?

 

o H1 nao vai estar sobreposto, ele vai estar ao lado do menu

comece com float: right; no H1.

e dentro de head nao vai h1 nem nav, eles ficam no body

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito