HTML Help

srihari · Joined: 11 Mar 2009 Posts: 8

Hello Mr. Code guru,

I want to create an Icon for a link. For example, www.greatandhra.com is my link. And I want to set up an Icon for this link so that whenever i click on this link, it should lead me to www.greatandhra.com.

I was asked my professor to set up an icon for one of the community in facebook using the facebook icon. I was suugested to find icons in www.iconspedia.com.

Could you please tell me the way to set up a incon.

Thanks in advance.

Srihari.

sticks464 · Joined: 31 Dec 2006 Posts: 2309

For use on the web icons typically come in png format but can be gif or jpg formats. Typical sizes are 16X16, 32X32, 64X64 dependent on your needs. Png and gif formats usually have transparent backgrounds so they work with any background color. Jpg formats have a background color (usually white) and are best used on a white background.

One way to use as a link
Code: <a href="facebook.com"><img src="icon_name.png" width="32" height="32" alt=""></a>

aother way using a 32X32 gif
Code:
html
<a href="facebook.com" rel="facebook">Facebook</a>

css
a[rel="facebook"] {
padding:0 0 0 20px;
background:url(icon_name.gif) no-repeat left center;
}

srihari · Joined: 11 Mar 2009 Posts: 8

Hey buddy...thank u so much for posting the reply instantly......I really appreciate ur spontaneity.

Keep going..........