Ir ao conteúdo
  • Cadastre-se

Dúvida - Botões em CSS...


cdmafra

Posts recomendados

Olá!

Antes de mais, uma boa noite a todos!

Eu criei esta semana um site, e uma das coisas que inclui foi botões entre as páginas. Contudo, deparei-me com um problema: nas páginas que constam do menu, funciona tudo bem (http://desmond.imageshack.us/Himg827/scaled.php?server=827&filename=pscreennormal.png&res=medium ver imagem; mas nas páginas que não quero que constem no menu, as coisas já pioram: http://desmond.imageshack.us/Himg259/scaled.php?server=259&filename=pscreenerro.png&res=medium.

Este é o código que uso:

#menu a {

box-shadow:

1px -1px 0 rgb(241,91,38),

2px -2px 0 rgb(241,91,38),

3px -3px 0 rgb(241,91,38),

4px -4px 0 rgb(241,91,38),

0 0 10px rgba(0,0,0,0.6);

-webkit-box-shadow: /* Safari, Chrome */

1px -1px 0 rgb(241,91,38),

2px -2px 0 rgb(241,91,38),

3px -3px 0 rgb(241,91,38),

4px -4px 0 rgb(241,91,38),

0 0 10px rgba(0,0,0,0.6);

-moz-box-shadow: /* Firefox */

1px -1px 0 rgb(241,91,38),

2px -2px 0 rgb(241,91,38),

3px -3px 0 rgb(241,91,38),

4px -4px 0 rgb(241,91,38),

0 0 10px rgba(0,0,0,0.6);

-o-box-shadow: /* Opera */

1px -1px 0 rgb(241,91,38),

2px -2px 0 rgb(241,91,38),

3px -3px 0 rgb(241,91,38),

4px -4px 0 rgb(241,91,38),

0 0 10px rgba(0,0,0,0.6);

color: rgb(193,193,193);

display: block;

font-size: 11px;

margin: 0;

text-align: center;

text-transform: uppercase;

padding: 0px 5px 0px 0px;

}

#menu a:active {

background: rgb(255,255,255);

border-radius: 25px;

-webkit-border-radius: 25px; /* Safari, Chrome */

-moz-border-radius: 25px; /* Firefox */

-o-border-radius: 25px; /* Opera */

height: 70px;

line-height: 30px;

width: 10px;

padding: 0px 5px 0px 0px;

}

#menu a:hover {

box-shadow:

1px -1px 0 rgb(241,91,38),

2px -2px 0 rgb(241,91,38),

0 0 6px rgba(0,0,0,0.6);

-webkit-box-shadow: /* Safari, Chrome */

1px -1px 0 rgb(241,91,38),

2px -2px 0 rgb(241,91,38),

0 0 6px rgba(0,0,0,0.6);

-moz-box-shadow: /* Firefox */

1px -1px 0 rgb(241,91,38),

2px -2px 0 rgb(241,91,38),

0 0 6px rgba(0,0,0,0.6);

-o-box-shadow: /* Opera */

1px -1px 0 rgb(241,91,38),

2px -2px 0 rgb(241,91,38),

0 0 6px rgba(0,0,0,0.6);

color: rgb(0,0,0);

margin: -2px -2px 2px 2px;

padding: 0px 5px 0px 0px;

}

#menu a:visited {

box-shadow:

1px -1px 0 rgb(241,91,38),

0 0 3px rgba(0,0,0,0.3);

-webkit-box-shadow: /* Safari, Chrome */

1px -1px 0 rgb(241,91,38),

0 0 3px rgba(0,0,0,0.3);

-moz-box-shadow: /* Firefox */

1px -1px 0 rgb(241,91,38),

0 0 3px rgba(0,0,0,0.3);

-o-box-shadow: /* Opera */

1px -1px 0 rgb(241,91,38),

0 0 3px rgba(0,0,0,0.3);

margin: -3px -3px 3px 3px;

padding: 0px 5px 0px 0px;

}

Link para o comentário
Compartilhar em outros sites

Arquivado

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

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Ebook grátis: Aprenda a ler resistores e capacitores!

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!