HighDots Forums  

Place icon on left of tag

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Place icon on left of tag in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
shapper
 
Posts: n/a

Default Place icon on left of tag - 10-24-2007 , 10:07 AM






Hello,

How can I place an icon (image) on left side of a tag, for example, a
anchor, a h1, etc?

I would like to do this using only CSS.

Thanks,
Miguel


Reply With Quote
  #2  
Old   
Jonathan N. Little
 
Posts: n/a

Default Re: Place icon on left of tag - 10-24-2007 , 10:56 AM






shapper wrote:
Quote:
Hello,

How can I place an icon (image) on left side of a tag, for example, a
anchor, a h1, etc?

I would like to do this using only CSS.
well you could use a background image and padding... for example a
offsite link indicator with a little 10x10 arrow image:

a.offsite {
/* width of image + whatever you want for spacing */
padding-left: 12px;
/* little 10x10 arrow GIF */
background: transparent url(offsite.gif) no-repeat bottom left;
}


<a class="offsite" href="http://wwww.example.com>Offsite link</a>


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com


Reply With Quote
Reply




Thread Tools
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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.