html - Styles not working -
i have following code.
<html> <head> <style> .fb{ position: relative; right:-1000px; } .info{ position:relative; } </style> </head> <body> <div id="info"> <a href="../jsp/aboutus.jsp" class="anatips" title="about us">about us</a> | <a href="../jsp/privacy.jsp" class="anatips" title="privacy policy">privacy policy</a> <a id = "fb" href="https://www.facebook.com/xyz" target="https://www.facebook.com/xyz"> <img src="../images/facebook.png" height = 16, width = 16 /> </a> </div> </body> </html>
i want move fb link right corner. guess styling not working. or going wrong somewhere?
you have defined class in stylesheet
.fb{ position: relative; right:-1000px; } .info{ position:relative; }
so while using should do
<div class="info"> ... </div> <div class="fb"> ... </div>
or if want use id then
#fb{ position: relative; right:-1000px; } #info{ position:relative; } <div id="info"> ... </div> <div id="fb"> ... </div>
Comments
Post a Comment