Add to Technorati Favorites

Microstock Button - all microstocks in one button

Archives

Categories

Buy Stock Photos for $1

View My Portfolio

Visit Stockxpert

Royalty Free Images

Royalty Free Images


Styling your links

You can change the style of your links by adding code, like on my exam­ple below, to your style sheet. You can use some of the same prop­er­ties used for text on your links too. More infor­ma­tion on styles for links can be found on the echoe­cho website.

It’s good to add com­ments to your code, because that will make your code eas­ier to read later on and you will know what the code does.

/* Links
— —  —  —  —  —  —  —  —  —  —  —  —  —  — – */
a:link {
color:#DEA64E;
text-decoration:none;
}

a:visited {
color:#6E8F7E;
text-decoration:none;
}

a:hover {
color:#DEA64E;
text-decoration:none;
padding: 1px;
background-color:#6E8F7E;

}

You can find the xhtml file here and a test blog here.

Wel­come back! Nice to see you again, hope you enjoy your visit.

Related posts

2 comments to Styling your links

  1. Anonymous
    February 7th, 2005 at 8:19 am

    hello. this is a great site, thanks for shar­ing your knowl­edge with the rest of us. i think its very kool of you to help blog­gers bet­ter their blogs even though you are a teach­ers with 4 kids. very kool–
    any­ways im hav­ing trou­ble cen­tre­ing (sp?) a graphic/link on my page (at the bot­tom of my page). im not sure how to go about it, if you could tell me how thatd be grande.
    great site! :)

  2. Susie
    February 8th, 2005 at 10:18 am

    Thanks for your com­ment! There are dif­fer­ent ways to cen­ter some­thing on a page. The eas­i­est way I think would be to use a bit of code like this:

    <div style=“text-align: center”></div> around your graphic/link.

    More infor­ma­tion about cen­ter­ing in CSS can be found here: All My FAQs WikiHope this helps!