First, the structure is given. Note that the structure is fixed first, and the structure is displayed later.
The code is as follows: |
Copy code |
1 <body> 2 <div id = "PopPage"> 3 4 <div> 5 <label> Name </label> 6 <input type = "text"/> 7 </div> 8 <div> 9 <label> Name </label> 10 <input type = "text"/> 11 </div> 12 <div> 13 <label> Name </label> 14 <input type = "text"/> 15 </div> 16 <! -- And so on, I will not write --> 17 <div class = "buttonarea"> 18 <input type = "button" value = "Add"/> 19 <input type = "button" value = "Refill"/> 20 </div> 21 </div> 22 </body>
|
The design draft provided by the designer is as follows:
Note: There are several restrictions.
1. The background image cannot be defined on the body.
2. The structure cannot be changed, that is, additional labels are added.
3. Resolution is required, because such pages are not only flat-width pop-up pages, but also inner pages with unfixed width. (The content of the form changes)
Forget it. If you don't want to list it, you may want to write some restrictions, but it's boring. Let's just say: how to rely only on css to achieve a higher overall layout. If you are interested, try it. I will give my Css and ideas on Sunday in three days. Of course it is not a standard answer. Let's see who has the most capacity. Pai_^