How can I make an Upvote/Downvote button?

Question

This is just for the styling, I\'m trying to make an upvote/downvote the same way that it\'s done on SO and Reddit, from what I can see they use arrow images as backgrounds

Answer 1

You can do it by using two simple images ... design two images in some image editors like Photoshop, if u don't have MSPaint...

CSS code is

#voting{
   width:30px;
   height:40px;
}
.upvote{
   width:30px;
   height: 20px;
   cursor: pointer;
}
.downvote{
   width:30px;
   height: 20px;
   background: url('downvote.jpg') 0 0 no-repeat;
   cursor: pointer;
}

HTML code :