[css-d] IE problem using graphic as underline

[David McFarland]

Hi,

It appears that if you use a background image to create a custom  
underline for links (a la www.alistapart.com/articles/ 
customunderlines/), IE has trouble if the link spans multiple lines.  
Here's example:
http://www.sawmac.com/tests/underline.html

It looks like IE kind of treats the link like a block, in that it  
puts the image at the bottom of the entire link, rather than each  
line of the link. I've tested in IE 7 Beta 2 and it also has this  
problem.

Is there a workaround for this?

thanks

--dave mcfarland

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem using graphic as underline

[Micky Hulse]

David McFarland wrote:
> Is there a workaround for this?

Hehe, I was just working on the same thing... funny you mention it cause 
now I may hold-off on implementing.

Anyway, a good place to look on ALA for more info is the comments 
section for the articles:



I noticed in the first few pages several people ask the same question.

Hth,
Micky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem using graphic as underline

[francky]

Micky Hulse wrote:

>David McFarland wrote:
>  
>
>>Is there a workaround for this?
>>
>>
>Hehe, I was just working on the same thing... funny you mention it cause 
>now I may hold-off on implementing.
>
>Anyway, a good place to look on ALA for more info is the comments 
>section for the articles:
>
>
>
>I noticed in the first few pages several people ask the same question.
>
>Hth,
>Micky
>  
>
Hi all,
Just figured out a workaround, but it's too late now for making a good 
looking description / testpage. Promise: within a few days!

francky

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem using graphic as underline

[Micky Hulse]

francky wrote:
> Just figured out a workaround, but it's too late now for making a good 
> looking description / testpage. Promise: within a few days!

I am looking forward to seeing your results!  :D

Thanks for sharing Francky!

Cheers,
Micky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem using graphic as underline > Article updated !

[francky]

francky wrote:

>Article/tutorial "Fun links in css (Underline with IE-proof home made 
>text-decoration)":
>http://home.tiscali.nl/developerscorner/imaging/fun-links.html
>... and don't laugh!  ;-) 
>  
>
I asked it, so I got it...
Els wrote me within an hour:

> :-)I tried not to, but on a developer's IE with image caching off, 
> it just looks funny the way the images line up on every hover :-)
>
> Anyway, I saw your 2 remarks at the bottom of the page, and I think 
> you might wanna add a third one:
> It isn't a good idea accessibility wise, since for people who surf 
> with images off and css enabled, there's no indication at all that 
> that text is actually a link. I think this method should be combined 
> with some other form of styling on the text maybe?

Made a point! Weak defense: the same issue is in the ALA article, but it 
is masked over there. [1]
I figured out that just canceling the a { text-decoration: none; } is 
enough (and a third remark is not needed).
See the update:
http://home.tiscali.nl/developerscorner/imaging/fun-links.html#accessibility

Thanks go to Els,
Greetings,
francky

[1] The underline is gone with the: a { text-decoration: none; } in the 
article.css, but by accident it is coming back via the general ALA 
stylesheet base.css: a { border-bottom: 1px solid #555;}.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem using graphic as underline > Solution in New Article

[francky]

francky wrote:

>Hi all,
>Just figured out a workaround, but it's too late now for making a good 
>looking description / testpage. Promise: within a few days!
>
>francky
>
Here we are.
Article/tutorial "Fun links in css (Underline with IE-proof home made 
text-decoration)":
http://home.tiscali.nl/developerscorner/imaging/fun-links.html

... and don't laugh! ;-)

Cheers,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/