gajo da net Posted November 3, 2007 Share Posted November 3, 2007 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 More sharing options...
webspider25 Posted November 4, 2007 Share Posted November 4, 2007 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 More sharing options...
reportingsjr Posted November 4, 2007 Share Posted November 4, 2007 I'm guessing its because both the div and link have the id of botoa1, try changing the links id. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.