The easiest way to look at cis and trans is this:
(the "_" represents a double bond)
cis - on both sides of the double bond, the carbons branch off the same side.
\ _ / (both branch upwards) or
_
/ \ (they both branch downwards)
trans- on both sides of the double bond, the carbons branch off opposite sides.
\ _
\ (the left branches up, the right branches down)
_ /
/ (the left branchs down, the right branches up)
Hmm, lol that actually didn't turn out too bad, hopefully you see it with as much clarity as I do.