Three rows and three column of highly adaptive DIV layout
Category Archives: Div Css Tutorial
Three rows and three column of highly adaptive DIV layout
Posted by Yao Yuan on January 27, 2011
0 comments
Commonly used methods and techniques
Posted by Yao Yuan on January 27, 2011
0 comments
CSS layout of the commonly used method float: none | left | right Value: none: default. Objects do not float left: text flow to the right side of the object right: text flow to the left of the object How it works, look at an example of a line of two xhtml Code: Example Source Code [...]
To achieve More div arranged Center
Posted by Yao Yuan on January 27, 2011
0 comments
To achieve More div arranged Center
the minimum height (min-height) of the Magical
Posted by Yao Yuan on January 27, 2011
0 comments
BOX minimum height can be set to a minimum height, when its content less often, but also to maintain a certain height BOX, beyond the downward automatically, but so far, only Opera and Mozilla support, IE7 began to also support But IE7 in beta, so the official version posted to the popular may be a [...]
HTML page layout structure of the DIV CSS Getting Started Guide
Posted by Yao Yuan on January 22, 2011
0 comments
You are learning CSS layout? Is not fully grasp the pure CSS layout? There are usually two circumstances prevent you from learning: The first possibility is that you do not understand the principles of CSS processing page. You consider the effect of the overall performance of your page before, you should first consider the semantic [...]
The eleventh day : the menu without table
Posted by Yao Yuan on January 14, 2011
0 comments
Build up the initial layout, I began to fill the contents inside. The first is defined logo image: Style sheet: # logo {MARGIN: 0px; padding: 0px; WIDTH: 200px; HEIGHT: 80px;} Page code: <div id=”logo”> <a title=” WEB2.0 standards step by step tutorial to learn the basis of twelve days! “href=”http://www.hutshow.com/”> <img height =” 80 “alt =” WEB2.0 Standard [...]
the tenth day : adaptive height
Posted by Yao Yuan on January 14, 2011
0 comments
If we want the end of the 3 column layout plus line footer, put the copyright of such information. 3 must be aligned to meet the bottom of the problem. In the table layout, we use a small table big way nested table, you can easily align the three; but with div layout, three independent dispersion, high [...]
The ninth day : The first example CSS layout
Posted by Yao Yuan on January 14, 2011
0 comments
Then start to really design the layout. And traditional methods, you must first have in mind the outline of general ideas, and then use photoshop to draw it out. You may see information about web sites mostly very simple standard, as web standards are more concerned about the structure and content, in fact, it is beautiful and [...]
The eighth day : Getting Started of CSS layout
Posted by Yao Yuan on January 14, 2011
0 comments
CSS layout with the traditional form (table) the biggest difference is the layout: the positioning and are based on the original form, the table space or through the use of colorless and transparent GIF images to control the spacing of the text layout of the forum; and now with layers (div ) to locate, through [...]
The Seventh day : Getting Started with CSS
Posted by Yao Yuan on January 14, 2011
0 comments
XHTML coding standards in understanding, we will be CSS layout. First entry first introduce some knowledge of CSS. If you are already familiar, you can skip this section. CSS is Cascading Style Sheets (Cascading Style Sheets) abbreviation. Documents on the web is a simple mechanism for adding style, belonging to the layout of the presentation layer [...]
