Your HostICan Community  


Go Back   Your HostICan Community > Programming & Design > HTML / Design

HTML / Design Are you a designer? Or just trying to become one? Great! You'll be able to talk about layouts, and HTML code to help your fellow designers, so everyone can work together to master the tricks of the trade. (Maybe even some JavaScript too!)

Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old 11-19-2009, 09:58 AM
FeaR-LorD FeaR-LorD is offline
Junior Member
 
Join Date: Jul 2009
Posts: 3
Default placing the icons according to the different types of download links from the hosting

My website contains a lot of useful text and PDF documents. Using CSS how I could place images as small icons for the types of documents for download arranged on the hosting?
Reply With Quote
  #2  
Old 11-19-2009, 10:21 AM
hood's Avatar
hood hood is offline
Senior Member
 
Join Date: Jan 2009
Posts: 107
Default Re: placing the icons according to the different types of download links from the hos

Add these lines in the CSS file:
Code:
a[href$=".pdf"]
{
background: url(http://path-to/pdf-icon.png) no-repeat scroll left center;
}
a[href$=".txt"]
{
background: url(http://path-to/text-icon.png) no-repeat scroll left center;
}
With this code we specify which icon corresponds to the link.
Reply With Quote
Reply

Tags
download, hosting, icons, links, placing, types

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On

Forum Jump


All times are GMT -4. The time now is 09:56 AM.


Powered by vBulletin® Version 3.8.0
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.

Copyright © 2003 - 2008 HostICan. All Rights Reserved.