Re: [css-d] forcing an entire li to be a link
linojon wrote: Here's a demo of my problem http://www.parkerhill.com/hover-test.html When this page is viewed in Firefox or Safari, and you hover over any of the list items, you can link to the 'overlaid' link. But in IE7, you must only hover over whitespace to have a link; if you hover over text it wants you to select text. Changing the order of elements, or using nested div's doesnt seem to help. Is there a way to force IE to make the entire li a link? or a better way to accomplish this that works in all browsers? (and preferably without using javascript) Thanks linoj This seem to be a problem in IE handling of list, IE8 still has this bug. http://css-class.com/test/bugs/ie/8/no-pointer-on-hover-with-markup.htm I first noticed it ironically on Live Search last night while using IE8. :-) http://search.live.com/results.aspx?q=ie+li+hover+bugsrc=IE-SearchBox Hovering over any of the search links will show no pointer. But clicking the links work. In your test case clicking the text does nothing. Here is a work around. http://css-class.com/x/list-items-and-hover.htm The only changes I made was with new CSS. Note the t1.png image which is a transparency on the anchors. IE8 needed the anchors to be move to the bottom of the list. I did this since they were showing a gap at the top when located at the top. I have tested in IE7 toggle mode and appears to works. You may want to add a transparent png hack for IE6. I hope this works for you. Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] forcing an entire li to be a link
Here's a demo of my problem http://www.parkerhill.com/hover-test.html When this page is viewed in Firefox or Safari, and you hover over any of the list items, you can link to the 'overlaid' link. But in IE7, you must only hover over whitespace to have a link; if you hover over text it wants you to select text. Changing the order of elements, or using nested div's doesnt seem to help. Is there a way to force IE to make the entire li a link? or a better way to accomplish this that works in all browsers? (and preferably without using javascript) Thanks linoj __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] forcing an entire li to be a link
Take a look at this article and demo: http://www.smileycat.com/miaow/archives/000230.php Jim On Tue, Mar 11, 2008 at 9:27 PM, linojon [EMAIL PROTECTED] wrote: Here's a demo of my problem http://www.parkerhill.com/hover-test.html When this page is viewed in Firefox or Safari, and you hover over any of the list items, you can link to the 'overlaid' link. But in IE7, you must only hover over whitespace to have a link; if you hover over text it wants you to select text. Changing the order of elements, or using nested div's doesnt seem to help. Is there a way to force IE to make the entire li a link? or a better way to accomplish this that works in all browsers? (and preferably without using javascript) Thanks linoj __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] forcing an entire li to be a link
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of linojon Sent: Tuesday, March 11, 2008 9:27 PM To: css-d@lists.css-discuss.org Subject: [css-d] forcing an entire li to be a link Here's a demo of my problem http://www.parkerhill.com/hover-test.html When this page is viewed in Firefox or Safari, and you hover over any of the list items, you can link to the 'overlaid' link. But in IE7, you must only hover over whitespace to have a link; if you hover over text it wants you to select text. Changing the order of elements, or using nested div's doesnt seem to help. Is there a way to force IE to make the entire li a link? or a better way to accomplish this that works in all browsers? (and preferably without using javascript) Try this: a.selectable {background:url(nada);} You can use a transparent gif if you want, but it is not necessary -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] forcing an entire li to be a link
linojon wrote: Here's a demo of my problem http://www.parkerhill.com/hover-test.html Is there a way to force IE to make the entire li a link? or a better way to accomplish this that works in all browsers? (and preferably without using javascript) With a few additional properties/values in there - and the background-trick, all 4 methods will work in IE7 and everywhere else. http://www.gunlaug.no/tos/alien/lin/test_08_0312.html IE/win has the usual list-marker problems, and IE6 will need some more help to stretch the link vertically. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/