You are here: Re: add an image to a link with CSS - possible? « HTML « IT news, forums, messages
Re: add an image to a link with CSS - possible?

Posted by Jonathan N. Little on 11/23/07 18:52

Ben C wrote:
> On 2007-11-23, Jonathan N. Little <lws4art@centralva.net> wrote:
>> Tomasz Chmielewski wrote:
>>> I have a part of a page which contains text links to other subpages:
>>>
>>> <a href="subpage.html">Subpage</a>
>>>
>>> Now, I'd like each link to contain a tiny image after each text:
>>>
>>> <a href="subpage.html">Subpage<img src="arrow.png"></a>
>>>
>>>
>>> Is it possible to do something similar with CSS only?
>>>
>>> Something like:
>>>
>>> a:after { content: blah_image }
>>>
>>> Which would add an image after each link?
>> no because generated content is just play text, no html.
>
> [...]
>
> You can generate images with, e.g.:
>
> content: url("blah.png");
>
> You also should be able to do:
>
> a:after
> {
> content: "";
> background-image: url("blah.png");

> }

Ah, yes I remember seeing that was how your can get around the "no html"
for generated content problem, at least for images. Hmmm could you do a
funky CSS include? element:after { content: url(someinclude.html); }?

Nope doesn't seem to work. Good thing, if it did it is a scary thought
how how one could abuse it!

To OP though, my background image method will work in IE, the generated
content methods will not.


--
Take care,

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

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация