Ir para conteúdo

POWERED BY:

Arquivado

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

Dodo15

Topo estático

Por , em Desenvolvimento frontend

Recommended Posts

Dodo15    0

Dodo15
Postado

Boa noite

Estou com uma duvida, mas nao sei se consigo resolvela apenas com HTML, ou tem q usar javascript, ou algo do genero....

 

Eu gostaria de fazer um topo estático como o deste site: 89fm.com.br

Alguem saberia como eu posso fazer isto?

 

Obrigado pela atenção

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

neste site ai, foi usado frameset

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Souza_63114    1

Thiago Souza_63114
Postado

Olá eu também esta procurando algo assim é encontrei mais eu não consegui resolver um problema que é centralizar

a div no meio ai ela fica no canto esquerdo. Olha ai o código e vê se de ajuda.( Só lembrando que qualquer conteúdo que seja colocado deve ter um padding-top para que o menu não esconda o conteúdo ).

 

 

<!---- HTML -->

<html>
<head>
	<!-- Title -->
	<title>Title</title>

	<!-- Meta -->
	<meta charset="utf-8" />

    <!-- Styles -->
       <link rel="stylesheet" href="style.css" type="text/css" />



</head>
<body>
	<div id="header">
		<ul>
		<li><a href="#">HOME</a></li>
	    <li><a href="#agencia">AGÊNCIA</a></li>
	    <li><a href="#portfolio">PORTFÓLIO</a></li>
	    <li><a href="#equipe">EQUIPE</a></li>
	    <li><a href="#contato">CONTATO</a></li>

			</ul>
	</div>



</body>
</html>

 

 

Css :

 

* { margin: 0; padding:0; }
body {
font: small-caps 14px Helvetica, Arial;
position: relative;
}
a {
text-decoration: none;
}

/* Header */
#header {
background: #CCC;
height: 86px;
position: fixed;

}

/* Top Level Menu */
#header ul {
margin: 0 auto;
background: #CCC;
padding-left: 100px;
width:100%;
height:86;
position:fixed;
}

#header ul li {
float: left;
margin: 40px 0 0;
width: 100px;
}

#header ul li a {
color: #FFF;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

@Thiago Souza, o problema do criador deste tópico é bem diferente do seu.

 

Ele precisa que o topo permaneça sem sofrer refresh, pois o site de exemplo que ele usou é uma web radio.

E portanto, a musica não pode recomeçar a cada página interna que for carregada.

 

 

Para o seu problema, isso aqui resolve:

#header {
       background: #CCC;
       height: 86px;
       width: 100%;
       position: fixed;

}

/* Top Level Menu */
#header ul {
       margin: 0 auto;
       width:600px;
       height:86px;
       margin: 0 auto;

}

evite postar sua dúvida no tópico de outra pessoa. Crie um para você qndo for assim.

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