Download Anchor

[shapper]

Hello,

I need a download link with the text "download" and an icon on the
right.
My idea is to use an anchor and have the icon placed with CSS as a
background image.

Is this the correct approach?

Thanks,
Miguel

 

[Adrienne Boswell]

Gazing into my crystal ball I observed shapper <[email protected]>
writing in @g31g2000yqc.googlegroups.com:

Hello,

I need a download link with the text "download" and an icon on the
right.
My idea is to use an anchor and have the icon placed with CSS as a
background image.

Is this the correct approach?

Thanks,
Miguel

Sure, you could do something like:

<a href="mydownloadthing.rar" title="Download in RAR format"
class="download">Download mydownloadthing (size)</a>

a.download {
background-repeat:no-repeat;
background-position:right;
padding-right:20px;}

a.download:link, a.download:hover, a.download:focus {
background-image: url(download.png);
}
a.download:visited {
background-image: url(smile.png);
}
a.download:active {
background-image: url(lightening.png);
}

 

[dorayme]

I need a download link with the text "download" and an icon on the
right.
My idea is to use an anchor and have the icon placed with CSS as a
background image.

Is this the correct approach?

It is not "the" correct approach but it is a perfectly sound one. There
are other sound approaches where, for example, you want the double
whammy of making both text and image links, arguably quite useful for
many users.