Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Link problem.

  1. #1
    New to the CF scene
    Join Date
    Jan 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Link problem.

    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?

    PHP Code:
    <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

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    JavaScript, I'm afraid

    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.
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •