Jump to content

Rollover Button does not appear


gajo da net
 Share

Recommended Posts

Hello. Im new to css but im giving my best to learn it :). But ...I cannot understand why my rollover button doesn't appear (#botao1) inside the div #corpo1page: http://marcon.com.sapo.pt/test.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html lang="pt"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>titulo</title><style type="text/css" media="screen">body{      background-color:green;   font-family:georgia,times,"times new roman",serif;}#corpo1{   position: absolute;   width:800px;   height:152px;   top:21px;   left:0px;   background-image:url("corpo1.gif");}#corpo11{   z-index: 1;   position:absolute;   width:528px;   height:143px;   top:9px;   left:136px;   background-image:url("azambujabanner.gif");}#corpo2{   z-index: 2;   position: absolute;   width:800px;   height:34px;   top:173px;   left:0px;   background-image:url("baixo.gif");}#corpo3{   position: absolute;   width:800px;   height:46px;   top:207px;   left:0px;   background-color: #2c2c2c;}#corpo33{   position: absolute;   width:169px;   height:46px;   left:328px;   top:0px;   background-image:url("azambujadigital.gif");{#botao1{  z-index:3;  position:absolute;  display:block;    width:127px;  height:32px;    top:47px;  left:35px;  background-image:url("areajovem.png");}#botao1:hover{   background-position:0 -32px;}#botao1 span{  display:none;}</style></head><body><div id="corpo1">	<div id="botao1"	   <a id="botao1" href="http://google.com" title="Botao Area Jovem"></a>   </div>	<div id="corpo11">   </div></div><div id="corpo2"></div><div id="corpo3">   <div id="corpo33">   </div></div></body></html>

Link to comment
Share on other sites

Hi net, Your code is bit confusing but as far as i understood ur problem n code.......solution is that.........#botao1{ z-index:3; position:absolute; display:block; width:127px; height:32px; top:47px; left:35px; background-image:url("areajovem.png");}#botao1:hover{ background-position:0 -32px;}in the #batao1 div you have given the iamge url but in #batao1:hover you didnt give any image url...So how can the rollover effect come??So put the image url u want to put in roll hover effect.I hope I am helping I am not able to understand the codeBye

Hello. Im new to css but im giving my best to learn it :). But ...I cannot understand why my rollover button doesn't appear (#botao1) inside the div #corpo1page: http://marcon.com.sapo.pt/test.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html lang="pt"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>titulo</title><style type="text/css" media="screen">body{      background-color:green;   font-family:georgia,times,"times new roman",serif;}#corpo1{   position: absolute;   width:800px;   height:152px;   top:21px;   left:0px;   background-image:url("corpo1.gif");}#corpo11{   z-index: 1;   position:absolute;   width:528px;   height:143px;   top:9px;   left:136px;   background-image:url("azambujabanner.gif");}#corpo2{   z-index: 2;   position: absolute;   width:800px;   height:34px;   top:173px;   left:0px;   background-image:url("baixo.gif");}#corpo3{   position: absolute;   width:800px;   height:46px;   top:207px;   left:0px;   background-color: #2c2c2c;}#corpo33{   position: absolute;   width:169px;   height:46px;   left:328px;   top:0px;   background-image:url("azambujadigital.gif");{#botao1{  z-index:3;  position:absolute;  display:block;    width:127px;  height:32px;    top:47px;  left:35px;  background-image:url("areajovem.png");}#botao1:hover{   background-position:0 -32px;}#botao1 span{  display:none;}</style></head><body><div id="corpo1">	<div id="botao1"	   <a id="botao1" href="http://google.com" title="Botao Area Jovem"></a>   </div>	<div id="corpo11">   </div></div><div id="corpo2"></div><div id="corpo3">   <div id="corpo33">   </div></div></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...