so before had issue space between each button. there annoying problem. have 4 buttons first 3 showing up. why not faq button? it's annoying me. if it's problem, create html code 3 buttons 1 separate faq button. think odd because before didn't have issue. tried removing faq code css , html , re-pasting gave me same result.
<!cascade studios copy , caught"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <style type="text/css"> .helpicon a#editinfo{ display: block; width:138px; height:27px; background: url(http://icpy.webs.com/button/editinfo.png) no-repeat; } .helpicon a:hover#editinfo{ background: url(http://icpy.webs.com/button/editinfo0.png) no-repeat; } .helpicon a#codes{ display: block; width:138px; height:27px; background: url(http://icpy.webs.com/button/codes.png) no-repeat; } .helpicon a:hover#codes{ background: url(http://icpy.webs.com/button/codes0.png) no-repeat; } .helpicon a#music{ display: block; width:138px; height:27px; background: url(http://icpy.webs.com/button/music.png) no-repeat; } .helpicon a:hover#music{ background: url(http://icpy.webs.com/button/music0.png) no-repeat; .helpicon a#faq{ display: block; width:138px; height:27px; background: url(http://icpy.webs.com/button/faq.png) no-repeat; } .helpicon a:hover#faq{ background: url(http://icpy.webs.com/button/faq0.png) no-repeat; } } .helpicon a{ margin: 4px; } </style> <body> <div class="helpicon"> <a href="http://www.twitter.com" id="editinfo"/> <a href="http://www.twitter.com" id="codes"/> <a href="http://www.twitter.com" id="music"/> <a href="http://www.twitter.com" id="faq"/> </div> </body>
use correct syntax <a> tag
<a href="http://www.twitter.com" id="editinfo"></a> <a href="http://www.twitter.com" id="codes"></a> <a href="http://www.twitter.com" id="music"></a> <a href="http://www.twitter.com" id="faq"></a> and there missing bracket in css
<!cascade studios copy , caught"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <style type="text/css"> .helpicon a#editinfo{ display: block; width:138px; height:27px; background: url(http://icpy.webs.com/button/editinfo.png) no-repeat; } .helpicon a:hover#editinfo{ background: url(http://icpy.webs.com/button/editinfo0.png) no-repeat; } .helpicon a#codes{ display: block; width:138px; height:27px; background: url(http://icpy.webs.com/button/codes.png) no-repeat; } .helpicon a:hover#codes{ background: url(http://icpy.webs.com/button/codes0.png) no-repeat; } .helpicon a#music{ display: block; width:138px; height:27px; background: url(http://icpy.webs.com/button/music.png) no-repeat; } .helpicon a:hover#music{ background: url(http://icpy.webs.com/button/music0.png) no-repeat; } .helpicon a#faq{ display: block; width:138px; height:27px; background: url(http://icpy.webs.com/button/faq.png) no-repeat; } .helpicon a:hover#faq{ background: url(http://icpy.webs.com/button/faq0.png) no-repeat; } .helpicon a{ margin: 4px; } </style> <body> <div class="helpicon"> <a href="http://www.twitter.com" id="editinfo"></a> <a href="http://www.twitter.com" id="codes"></a> <a href="http://www.twitter.com" id="music"></a> <a href="http://www.twitter.com" id="faq"></a> </div> </body> 
Comments
Post a Comment