Ir para conteúdo

POWERED BY:

Arquivado

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

MadPatryk

Problemas com botao em css!

Por , em Desenvolvimento frontend

Recommended Posts

MadPatryk    0

MadPatryk
Postado

galera, eu tenho o seguinte codigo, em que, meu botao, apareça no link, e qdo der o hover, mude de imagem, e qdo der o active mude tbm...

 

o code é esse:

 

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	<head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>:: [M]ortal [K]ombat Clã - World of Warcraft || Diablo II Expansion ::</title>  <style type="text/css">	  body	  {	cursor:default;	background:#000 url("includes/imgs/fundo.jpg") no-repeat 0 0;	  }	  #Main	  {	width:auto;	height:160%;		  }	  	  .botao	  {	margin:0px;	padding:0px;	  }	  .botao a, .botao a:visited	  { 	font: bold 12px/24px arial, helvetica, sans-aerif;	padding:0px;	text-decoration: none;	text-align:center; 	color:#ff0;	background:  url('includes/imgs/bt_Link.gif') no-repeat center center;	width:120px; 	height:24px; 	display:block; 	  }	  .botao a:hover	  { 	background:  url('includes/imgs/bt_Hover.gif') no-repeat center center;	color:#fff;	  }	  .botao a:active	  { 	background:  url('includes/imgs/bt_Click.gif') no-repeat center center;	color:#fff;	  }	  .botao a:active span	  {	position:relative;	top:10px;	  }  </style>  <meta name="author" content="Patryk - www50.brinkster.com/MkCla" />  <meta name="description" content="Diablo II Expansion, World of Warcraft, Clã , Clan" />	</head>	<body>  <div id="Main">	  <p class="botao">	<a href="#"><span>Link Teste</span></a>	  </p>  </div>	</body></html>

o problema dele eh o seguinte...

eu n consigo arrumar 2 coisas...

 

1° - É que qdo o active eh ativado(essa foi otima!!! hauahau), e tipo, ... hmmm, tipo assim, o user clica no link, dai chamo o active, soh ki qdo o user solta o click, continua o active ativado!!! eu keria ki voltasse pro a:link... tem como?

 

2° - eh ki eu to tentando mover o texto dentro do a>div 3px de cima pra baixo... e tbm n to conseguindo...

 

alguem me ajuda plx?!

 

 

valeu!

abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Butensal    0

Butensal
Postado

Bom kra, aki funcionou normal...

eu troquei os bgs por cores e funcionou normal...

 

bom uma coisa que eu aconselho, eh num usar span dentro de a, se há algum problema eu não sei, pelo menos não conheço nenhum, mas acho que fica melhor assim.

 

dai no active, poe margin-top pro link meche:

 

Html:

<p class="botao">	<a href="#">Link Teste</a>   </p>

Css: 

.botao a:active   {	background:  url('includes/imgs/bt_Click.gif') no-repeat center center;	color:#fff;	margin-top:10px;   }

 

Aqui funcionou perfeitamente:

O Link é amarelo, no Over, fica branco, quando clicado, desce um pouco, quando solto volta a cor original e a posição original.

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