troubleshooting Question

HTML render a menu list box exactly within a gap in text

Avatar of Kelvin4
Kelvin4 asked on
5 Comments1 Solution272 ViewsLast Modified:
I want to create text with gaps in it (for missing words or phrases) and to render one drop down box in each gap.
Each drop down box will offer a number of options, one of which should be selected to complete the sense of the respective gap in the text.

Can this be done via HTML/CSS? The challenge is to place the menu box so that it neatly fits within the text gap, and (when the menu box is closed) it does not cover up words to left or right, above or below.

Whilst the positioning of on corner of the drop down box is difficult, the width of the box seems potentially less of a problem, since the text can be 'gapped' with text that is present in the menu box, + some padding, but set to the colour of the background to the text paragraph.

Does this make sense? What is the standard solution for a MS Explorer Browser? The HTML is all coded on the fly from a web server.

Join our community to see this answer!
Unlock 1 Answer and 5 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros