[Pro] Trying two CSS Styles in a single hyperlink

Can any CSS gurus tell me if this is possible or a step too far?

I have a div with a text link in it…

My Main link text
My second line of link text in a smaller type and in a different colour

Two different size type in OK in the same hyperlink works, but can you in fact have two different link colours in the same active link? I can’t seem to make it work


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Look at the source in my example and see if this is what you want, <http://www.xiiro.com/demo/web-worker/index.html

Todd

On Dec 14, 2009, at 10:14 AM, WebWorker wrote:

Two different size type in OK in the same hyperlink works, but can
you in fact have two different link colours in the same active
link? I can’t seem to make it work


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Your example’s hover is changing for each line.

Looking back on an earlier post I forgot about http://www.freewaytalk.net/thread/view/34533#m_34545

By pushing in another class for the second line you can style the second line with a different colour, and make the hover the same colour on both line.

Think I’ve sussed a method.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

As an alternative to using padding you can also define the link area
by specifying the width and height of the div.

Todd

On Dec 14, 2009, at 10:14 AM, WebWorker wrote:

'm styling the whole div to have an image background, and by styling
the a: TAG to display:block to create a clickable link from the
whole div by padding the a: tag to the height and depth of the
background image etc.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s odd, it works fine here.

T.

On Dec 14, 2009, at 11:42 AM, WebWorker wrote:

Your example’s hover is changing for each line.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options