Image inside Table Problem

[goalieman34]

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/

[TheDoc]

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

http://cl.ly/2y080H1S2z370X2D3n3b

[goalieman34]

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

[goalieman34]

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!

[amoss]

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;}

[Author]

Posts