Help in CSS image icon?
-
Hey guys, I'm really new to all this stuff and I am trying to build a little website for my dad. I'm sure this is a noob question but whatever. So the deal is, I want to make three icons to follow the website on facebook, twitter and CSS. A friend of mine made me this cool icons and I want to use them, but it doesn't work for me. The images don't appear and I'm stuck with the basic link text. Can anyone show me where I got it wrong ? This is the html code: <div id="mainNav"> <ul id="followNav"> <li> <a id="follow-list-facebook" href="http://facebook.com/">facebook</a> <a id="follow-list-twitter" href="http://twitter.com/">Twitter</a> <a id="follow-list-rss" href="#">RSS</a> </li> </ul> </div> This is the CSS code: #follow-list-facebook { width: 50px; height: 50px; margin: 0; padding: 0; background: url(../images/face.png) no-repeat; } I made two similar chunks of CSS code for the two other icons. Can anybody tell me what's worng and explain it to me. Thanks a lot.
-
Answer:
add <img> in <a> block like below : <a id="follow-list-facebook" href="http://facebook.com/"><img src="your_icon.gif" border="0" /></a>
Méloulou at Yahoo! Answers Visit the source
Related Q & A:
- How do you search DOM elements using CSS selectors in Chrome?Best solution by Stack Overflow
- How to apply custom css to CKEditor?Best solution by stackoverflow.com
- Why would Arial be placed before Helvetica when using font-family in CSS?Best solution by Quora
- Why cant i view my contacts display image? please help if you know ,thanks?Best solution by Yahoo! Answers
- How do I make a background image full page with CSS?Best solution by stradegyadvertising.com
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.