B/S software interface modification experience

In this software upgrade, a major operation was performed on the software interface.

1. First, divide the overall interface module and adjust the position of the corresponding element through Div + CSS.

2. It is easy to define the overall framework. For others, just put the corresponding content and fine-tune some special ones.

In this modification, the page navigation bar has a rounded corner background, and the size of the page navigation bar will vary with the number of pages (when there are too many pages, there will be more positions) and changed, so the image can only be added through other methods. Now all others are OK. Only this paging navigation is available. To reduce the amount of work, cut the image into three parts (the front rounded corner, the middle corner, and the back corner ), then, the convenient and powerful jquery is used to add the rounded corners at both ends to the front and end of the paging navigation. You can directly set it as the background in the middle.

• When a div is used, its width and height are not defined using a fixed size, and no content is displayed in the layer.

 

• To put the two divs in a div on the left and the other on the right, you can set text-align: Right for the DIV that contains the layer, and set float: left for the next Div.

 

• The width of the table and the width of some elements can be reduced by percentage, which can be better adapted to the changes at different resolutions.