• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

SitoMan

[Encerrar][Duvida] Barra Topo

6 mensagens neste tópico

Viva!

Não tenho experiência nenhuma em CSS, e por isso preciso da vossa ajuda para resolver um problema que tenho!

Quero aplicar ao meu Blog a seguinte barra:

http://nprs.com.sapo.pt/a.htm

(conseguem ver a barra, clicando)

Só que, podem ver que a barra não esta mesmo no inicio da página.. Nem no topo nem na borda! Tem um espaço em branco.. Eu quero mesmo que fique tudo lá em cima, sem se ver branco nenhum!

O html da página:

<link rel="stylesheet" href="http://nprs.com.sapo.pt/style.css" type="text/css" media="screen">

<div id="webtuga_barra_topo">
        <div class="framerede frameredept">
          <div class="LinksRede">
          
          <a href="a">A</a>|<a href="a">B</a>|<a href="a">C</a>
          
          </div>
        </div>
      </div>

O CSS a aplicar na barra:

div#webtuga_barra_topo { width: 100%; height: 20px; margin: 0; border-bottom: 0px solid #000; text-align: center; background: #000 url("http://s34.photobucket.com/albums/d109/cenourinha/fundo_barra_rede_webtuga.gif") repeat-x; }
div#webtuga_barra_topo .toporede { height: 00px; margin: 0 auto;}
div#webtuga_barra_topo .LinksRede { padding: 0 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 20px; color: #333; }
div#webtuga_barra_topo .LinksRede a, .LinksRede a:link, .LinksRede a:visited, .LinksRede a:active { padding: 0 5px; text-decoration: none; color: #bebebe; }
div#webtuga_barra_topo .LinksRede a:hover { color: #FFF;}

div#webtuga_barra_topo .frameredept { background-position: 0px 0px; }
div#webtuga_barra_topo .frameredept .LinksRede { margin: 0 auto; }

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Acrescenta

div#webtuga_barratopo {position:absolute; top:0; left:0;}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

http://nprs.com.sapo.pt/style.css

Vê lá se fiz bem como disseste...

Porque se fiz, não resultou! :S

P.S: Depois com o teu EDIT já resoltou! Só tive de acrescentar um "_" que te esqueces-te!

Thanks!

Tag [Encerrar] acrescentada!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

De nada :P

Btw, agora em vez da tag, podes usar o botão Topic Solved no final da página. :P

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

De nada :P

Btw, agora em vez da tag, podes usar o botão Topic Solved no final da página. :P

Desculpa o offtopic, mas onde é que se encontra esse botão que não vejo??

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora