dcsimg
www.webdeveloper.com
Results 1 to 6 of 6

Thread: complex css formatting of tables

  1. #1
    Join Date
    Jul 2003
    Posts
    82

    complex css formatting of tables

    1. Please look at the Price List at the link below:

    http://www.absorbentprinting.com/cat...ook#pricechart


    2. I want to use a similar hover/mouseover technique for my website so that
    I can have table cells change color in different locations like the Price List at
    the link above. Can this be done with css alone or will I need to use
    javascripting as well?

    I would appreciate any referals to sites with tutorials for this kind of css table
    programming.

    Thank you,
    -cmotor
    Last edited by cmotor; 05-02-2005 at 01:28 PM.

  2. #2
    Join Date
    Apr 2005
    Location
    Portsmouth, UK
    Posts
    157
    Went through a couple of stylesheets but couldn't find anything directly related to what you want to do. The table cell itself could be formatted with a css style, but changing the background on the <th> and leftmost <td> column elements is Javascript. Possibly a combo of the 2. Neat effect too... I'm intruiged...

  3. #3
    Join Date
    Jul 2003
    Posts
    82
    How about this instead:

    1. take this link:
    http://www.screamingleather.com/csstable_rollovers.html

    2. How can I make the background color of the entire row change when someone moves the cursor over any cell in that row?

    Thanks,

    -cmotor

  4. #4
    Join Date
    Aug 2004
    Posts
    4
    is it not done via the rowcolhilite_new.js file rather than pure CSS?

  5. #5
    Join Date
    Dec 2003
    Posts
    249
    I guess you should use some javascript:
    ex.

    <td onMouseOver="this.style.backgroundColor='#EEEEEE'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#FFFFFF';"
    onClick="window.location.href='page.htm'">
    <a href="page.htm">Link Text</a></td>

    Wot about this?

  6. #6
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    you could also investigate the table ruler
    http://www.alistapart.com/articles/tableruler/

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles