...

View Full Version : Link problem.



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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum