I'm trying to make a "fill in the blanks" type quiz with the mootools
drag feature. I have a paragraph of text containing multiple divs to
hold the droppable areas, like this:
<div id="droppable-holder">
This is the first question <div class="droppable"> </div>. This is the
next question <div class="droppable"> </div>....
</div>
(which displays like this: This is the first question ___________.
This is the second ____________.)
The CSS looks like this:
#pdroppable-holder { display: block}
.pdroppable {display:inline;background:white; width:120px; height:
15px;border-style:ridge; }
This puts everything inline alright, but my "droppable" inline divs no
longer obey their width settings; they come out too small (like this:
_ , instead of like this ___________), but the height is ok.
How can I force the divs to have 120px length?
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
