Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Image inside Table Problem

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #38636
    goalieman34
    Member

    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/

    #104805
    TheDoc
    Member

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

    http://cl.ly/2y080H1S2z370X2D3n3b

    #104835
    goalieman34
    Member

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

    #105268
    goalieman34
    Member

    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!

    #105294
    amoss
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.