I have html + css to fix , all describtion is here :
I need Designer for long term work relation
See [url removed, login to view] for all the probs.
See [url removed, login to view] for code
I assume most of the problems that occured here are because the design layout is NOT very "fluid".
*** 1. The current design only allows 4-5 answers or less if multi-line answers are present. The rest of it just goes over the border and "Next Question" button is thrown off to the right. In real life a quiz can obviously have more that 4-5 asnwers.
=> Make it such that unlimited number of Answers can be handled by the design so that the blue frame height increases when more answers are there.
=> Also next button should come below accordingly in correct position.
*** 2. Notice the number 5 answer. its a 2 line answer, the second line with the "Above" word started from right below the number "5.".
To Do: 2/3/X Line asnwers should start in alignment with the first answer. That means in this case "Above" word should start from under the "All" word.
*** 3. See the hightlight when a answer is selected. It only hightlights single line Answers. But if theres 2 or more line of answers, it doesnt cover it. Plus the css for this is really bad and static.
The css calss used for this was hdr1, hdr2 .. hdr5 and hdr1a .. hdr5a
Those classes the completely static in terms of position and it is actaully applied to a background div. Its not suitable for the dynamic quiz system.
=> Make the highlight fluid so it can accomodate any kind of answer, long, short, 2 lines, 3 lines.
=> Note that there are 2 types of highlight ( tick and cross), click answers in [url removed, login to view] attached to see them.
=> Change the CSS system of this part, remove all these "hdr1" etc classes, Make your own CSS for the answer highlight. Make it easy to apply so for example if i set class="hl_tick" the answer is highlighted.
Note: User ONLY [url removed, login to view], put all your css there.
28 freelancers are bidding on average $65 for this job
Hello Sir, We wanna do work on this project. Just provide us your project, after that we will do some more projects. Regards, webdevelop team noida