Ir para conteúdo
Fórum Script Brasil
  • 0

Mudar Bodas De Uma Tabela


Guest - Ricardo Cobain -

Pergunta

Guest - Ricardo Cobain -

E ai galera !

O que eu queria era alterar as bordas de uma tabela,para quando eu clicar no botao(table) ele alterar as bordas (as 4 bordas),e quando eu clicar no outro, o efeito de bordas 'mude' para o butao 2

Lambrando....Isso é feito em tabelas!

biggrin.gif ''Se'' for possivel eu queria integrar uma imagem nesses botoes, que funcionasseno mesmo esquema!

Ele é com aqueles do windows , tipo o das propriedades de video , so que no exemplo abaixo ele esta diferente!

O link abaixo,foi ate onde eu consegui chegar, porfavor visitem...!

http://ricardojcobain.vila.bol.com.br/Menu.html

blink.gif O codigo desse Botao vai Abaixo

<HTML><HEAD><TITLE>Menus</TITLE></HEAD><BODY>

<CENTER>

<style>

body{background-color:#c0c0c0;

}

.noborder {

BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Courier; TEXT-DECORATION: none

}

.border {

BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: gray 1px solid; FONT-FAMILY: Courier; TEXT-DECORATION: none

}

</style>

<table>

<tr>

<!this.className="noborder">

<td class=noborder name="but1"

onClick="window.camada1.style.visibility='visible';

        window.camada2.style.visibility='hidden';"

        onmouseover='className="border"'

onmouseout='className="noborder"'

style="cursor:help;"><center><img src="atualizar.bmp" alt="abrir"><br>Menu1</center></td></a>

<td class=noborder name="but2"

onClick="window.camada2.style.visibility='visible';

        window.camada1.style.visibility='hidden'"

onmouseover='className="border"'

onmouseout='className="noborder"'

style="cursor:help;"><center><img src="atualizar.bmp" alt="abrir"><br>Menu2</center></td></a>

</tr>

</table>

<HR>

</CENTER>

<br><br>

<DIV ALIGN="justify" ID="camada1" STYLE="position:absolute;left:0;top:150;visibility:hidden">

O que eu queria era alterar as bordas de uma tabela,para quando eu clicar no botao(table) ele<br> alterar as bordas (as 4 bordas),e quando eu clicar no outro, o efeito de bordas 'mude' para o butao 2

Lambrando....Isso é feito em tabelas!<br><br>

''Se'' for possivel eu queria integrar uma imagem nesses botoes, que funcionasseno mesmo esquema!<br>

.Ele é com aqueles do windows , tipo o das propriedades de video , so que no exemplo ele esta meio diferente!<br><br>

Muito Obrigado pela sua Cooperação!

<BR><BR>

</DIV>

<DIV ALIGN="justify"ID="camada2" STYLE="position:absolute;left:0;top:150;visibility:hidden">

<IMG SRC="f_espreme.jpg" ALIGN="left" HSPACE=7>

E é isso ai, Valeu!<BR><BR>

</DIV>

</BODY>

</HTML>

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...