Grow your CSS skills. Land your dream job.

Image inside Table Problem

  • # June 23, 2012 at 8:59 pm

    I have a page on my website with a table on it that I would like to insert some images in. When I try to put them in the one column on the left hand side it does not work.
    Any help would be great, thanks

    http://petrowest.squarespace.com/fleet/

    # June 23, 2012 at 9:32 pm

    Works fine for me! Just put the inside the that you have in the table.

    http://cl.ly/2y080H1S2z370X2D3n3b

    # June 25, 2012 at 12:43 am

    @TheDoc Thanks man, I got everything to work. I just had a stupid error that I kept missing.

    # July 2, 2012 at 8:45 pm

    Hello everyone,
    I have a table that I need a little help with. http://petrowest.squarespace.com/fleet/
    I would ideally like all the cells disabled so that nothing happens when clicked and no hover. Also to have a light grey background in alternate rows to break things up.
    Thanks!

    # July 3, 2012 at 10:01 am

    In your css remove

    /* Image Hover */
    a img:hover{ opacity: 0.8;box-shadow: 0 1px 7px black;}

    Then in Equipment Fleet Table css Remove

    #SelectionTable a:hover {background-color: #fff;}

    and Add

    /* Alternate Rows */
    #SelectionTable a:nth-child(odd) { background-color:#999; }

    or for even add

    /* Alternate Rows */
    #SelectionTable a:nth-child(even) { background-color:#999; }

    You also have cursor:pointer in this line if you want to remove it.

    #SelectionTable span {padding-left:20px;display: inline-block;width: 30%;cursor: pointer;}
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".