Skip to content
Advertisement

Styling a voting system

I have made a sample voting system here: Sample Voting System

However after repeated attempts I couldn’t get it to style the way I want because the developer has used way too many divs here. Either the font becomes too big or gets overlapped with the number or goes out of proportion, etc.

I want it to look something like this:

Styling the Voting system

And here is my code:

JavaScript

Please help me get the effect I want to achieve.

Thank You

Advertisement

Answer

I fixed your code:

JavaScript

Check it out http://jsfiddle.net/qCwZd/

#box2 which is the title was placed above #box1, I gave it a float:left; and #box1 got a float:left; and a clear:both; so it can show up on a new line.

I added a span beside every gray box, the first says People agree to this, the other People disagree to this, they were given a float:left; to lay beside the gray boxes, and some margin-left. I removed some height properties.

User contributions licensed under: CC BY-SA
3 People found this is helpful
Advertisement