[css-d] Strange IE Link behaviour
In the middle of the page in the green box, the list of subsections. When
you mouse over them the hand does not change to signify a link. Clicking on
the images doesnt not trigger the link, only clicking on the text, even
though the link started before the image and ends after the text.
http://cmc.vanguardia.co.uk/products/section-home.asp?SectionID=6
Marc, do you need these dimensions in IE?
#subsections ul li .imgspan { height: 88px; width: 88px; ... }
With these dimensions, haslayout=true somewhat disconnects the
mouseevent, I fear.
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Strange IE Link behaviour
The problem does indeed lie with the height and width declarations of the span elements inside the link tag. What I am trying to achieve is this. I would like the images to align along the row at the bottom of each image. I would also like the text to align up to the bottom of the image. So there is a common line through the row. I am struggling to achieve this without splitting the link tag, which I dont really want to do. Anyone got any ideas? Marc __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Strange IE Link behaviour
Sorry, I thought it would get tagged with my earlier post. URL: http://cmc.vanguardia.co.uk/products/section-home.asp?SectionID=19 It now looks roughly how I wanted it to look, though achieved through a strange solution. Original Problem: -- Evening all, Has anyone seen this before? This page should be valid HTML 4.01 Strict, and the CSS is valid. Which makes me think a funny quirk I have never seen before is responsible. In the middle of the page in the green box, the list of subsections. When you mouse over them the hand does not change to signify a link. Clicking on the images doesnt not trigger the link, only clicking on the text, even though the link started before the image and ends after the text. It works OK for me in firefox. http://cmc.vanguardia.co.uk/products/section-home.asp?SectionID=6 Any help of shedding some light on the problem would be greatly appreciated. Project nowhere near finished, so dont be too worried about any other problems. The problem was a span within an link tag that had a width and height declaration. This was to position the text and the image correctly. Current Solution: The current solution is very light on code, but I'm not sure about it, as the page will not benefit from the images and their associated search engine / content value. But that's another argument entirely! It fits ok with accessibility, as really the links are aestetic only. The list object has the dashed border, and the link inside is sized to expand the link to fill the list object. The text has a large amount of padding to push it down the object allowing the image to show through. The image is a background property of the link, written dynamically into some inline CSS. I am fairly happy with the solution, though not completely sold. Any thoughts? Thanks Marc -Original Message- From: Kristina Floyd [mailto:[EMAIL PROTECTED] Sent: 13 October 2005 16:32 To: Marc Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Strange IE Link behaviour Marc wrote: I would like the images to align along the row at the bottom of each image. I would also like the text to align up to the bottom of the image. So there is a common line through the row. I am struggling to achieve this without splitting the link tag, which I dont really want to do. Marc Do you have a URL and/or screenshot to show us what you're trying to achieve? Cheers now Kristina __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Strange IE Link behaviour
Evening all, Has anyone seen this before? This page should be valid HTML 4.01 Strict, and the CSS is valid. Which makes me think a funny quirk I have never seen before is responsible. In the middle of the page in the green box, the list of subsections. When you mouse over them the hand does not change to signify a link. Clicking on the images doesnt not trigger the link, only clicking on the text, even though the link started before the image and ends after the text. It works OK for me in firefox. http://cmc.vanguardia.co.uk/products/section-home.asp?SectionID=6 Any help of shedding some light on the problem would be greatly appreciated. Project nowhere near finished, so dont be too worried about any other problems. Thanks in advance, Marc __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] RE: [was css-d] Strange IE Link behaviour
Guy, Yeah I am sure they are supposed to be! Content is not down to me, though I shall pass it on, thanks. Site has yet to go for QA! :) I am still no closer to solving the problem, though I do know it has something to do with the spans inside the li links, which in turn are inside the li elements. I have another thing that is similar in the admin part, though it doesn't use spans inside the links and it works fine. Marc __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
