Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorhno2005
    • CommentTimeAug 21st 2009
     permalink
    Hi
    How can change the border color and background color of the table cells then the cursor enter that cell ?
    For example when I enter the cursor to the on of the table cell , the border and background color change?

    TNX
    • CommentAuthorNanimo
    • CommentTimeAug 21st 2009 edited
     permalink
    In your css you can do something like this:

    td:hover {background: #fff; border: 1px solid #000 }

    However, this won't work in IE6, that only recognises the :hover on an <a>

    Incidentally, why do you need to use a table? Depending on the content, maybe something else could be more appropriate?
    • CommentAuthorhno2005
    • CommentTimeAug 22nd 2009
     permalink
    Thanks for your help

    Now , I have another problem . I have some tables in my page . If i want only one of the tables get this style , What should I do ?
    I mean other tables in the page doesn't get this effect

    TNX
    • CommentAuthorNanimo
    • CommentTimeAug 22nd 2009
     permalink
    Place a class on the table:

    <table class="example">

    Then in the CSS add the class name like so:

    .example td:hover {background: #fff; border: 1px solid #000;}

    Then, every table that has the class "example" will have that effect.
Add your comments
    Username Password
  • Format comments as (Help)