Link problem. [Archive] - CodingForums.com

Lucky Bastard

01-31-2005, 05:29 AM

Hi all.

Got a HTML table/link problem that I need solved.

Basically what I want to achieve is that when any of the 3 "Product 1" lines (image, or title, or price) are "moused-over" all 3 lines appear moused over (ie..font-color changes on each - something defined in a style-sheet). For reasons I need to keep the invisible tables. Is this possible?

<html><head></head>
<body>
<table>
<tr><td><a href="product1.html">Product 1 Image here</a></td><td><a href="product2.html">Product 2 Image here</a></td><td><a href="product3.html">Product 3 Image here</a></td></tr>
<tr><td><a href="product1.html">Product 1 Title here</a></td><td><a href="product2.html">Product 2 Title here</a></td><td><a href="product3.html">Product 3 Title here</a></td></tr>
<tr><td><a href="product1.html">Product 1 Price here</a></td><td><a href="product2.html">Product 2 Price here</a></td><td><a href="product3.html">Product 3 Price here</a></td></tr>
</table>
</body>
</html>

ronaldb66

01-31-2005, 08:38 AM

Since there is no structural relation between the three table cells, I don't see a way to do this solely with CSS.
If there were a unifying element that contained all three cells it would be a cinch -providing a fix for IE is applied, but I fear in this case some JavaScript is needed.

Please DO NOT cross-post; if this thread needs to be moved, a moderator will do it. For the time being, I'd recommend leaving it here, though.

One question: why does it have to be in a table? If all three facts relating to a product would be placed in a unifying element this would be easy to crack; some restrictions to image size and title length would have to be applied to ensure proper alignment, but three floated divs could do the job.