Nguồn: http://da07tt.forum-2007.com/t623-topic Tiêu đề: DIV TABLE Da07tt Community - Kết nối bạn bè ------------------------------------------------------------------
This article demonstrates using div elements to effectively to build websites without using table elements on a page
This article demonstrates using div elements to effectively to build websites without using table elements on a page. Because there are a number of advantages to the div element most clients ask designers to develop websites using div elements rather than table elements. The code below is for beginners learning to use div elements to develop websites. The following explains why to use DIV over TABLE elements. Pros of Table Element: Most designers use table for a consistent look. Tables are also easy to maintain. Another advantage of table is that it is compatible with the most browsers. Cons ofTable Element: All this comes with a cost: Too many nested tables increase page size and download time. More table elements push important content down so search spiders are less likely to add content to search engines. Pros of DIV Element: div with CSS we can achieve the same table based page structure and reduce the number of elements on the page, which allows the page to load faster. It also makes page more compatible with search engine spiders. Cons of DIV Element: The major drawback of this is not all CSS elements are not browser compatible. Because of this we have to write some custom CSS to resolve issues.Using the Code
I have created one simple application which shows how easily you can create you own pages with div elements only. The following diagram demonstrates the layout of div elements.
Here is a list of the style sheet classes I have created for the page layout. Let’s get into more detail.
divHeaderTable: Class assigned to header of the html page and its works as headertable
divHeaderRow: Class assigned to the div element which works as header row of table. As height of header image is fix to 105 row having height element value 105px.
divHeaderColumn: Class assigned to div element which works as header column of the table. As header part is divided in three part the width element having value 99%.
divTable: Class assigned to the div element woks as the table in container part of html document.
divRow: Class assigned to the div element woks as the row in container part of html document.
divColumn: Class assigned to the div element woks as the table in container part of html document. As container form element are 4 per row the width element having value 24%.
<br /> <div class="divRow"> <input type="submit" value="Submit" onclick="javascript:void(0);" /> or <a href="javascript:void(0)">Cancel </a> </div> </div> </div> <div style="text-align:center; background-color:Green;"> Contact us to discuss your requirements </div> </body> </html>
Giới tính : Age : 34 Birthday : 29/08/1989 Job/hobbies : Sinh Viên Đến từ : Đại Học Trà Vinh Sở thich của bạn : Game,Music Posts : 130 Points : 26363 Thanks : 32 Join date : 14/06/2009 Pet : 2 .Articuno
cô bé dễ khóc
Giới tính :
Age : 34
Birthday : 15/08/1989
Job/hobbies : student
Đến từ : Trà Vinh
Sở thich của bạn : *+*
Posts : 14
Points : 25583
Thanks : 1
Join date : 18/06/2009
Pet : 8 .Luna
30/10/2010, 21:09
Nguồn: http://da07tt.forum-2007.com/t623-topic Tiêu đề: Re: DIV TABLE Da07tt Community - Kết nối bạn bè ------------------------------------------------------------------
ten ten ten tèn!sao hay thế ta?
Giới tính : Age : 34 Birthday : 15/08/1989 Job/hobbies : student Đến từ : Trà Vinh Sở thich của bạn : *+* Posts : 14 Points : 25583 Thanks : 1 Join date : 18/06/2009 Pet : 8 .Luna
Thông điệp:
****************Hãy cùng chia sẻ với bạn bè bằng cách****************
Copy đường Link dưới đây gửi đến nick yahoo bạn bè!
DIV TABLE
Trang 1 trong tổng số 1 trang
* Viết tiếng Việt có dấu, là tôn trọng người đọc. * Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết. * Thực hiện những điều trên, là tôn trọng chính mình.
-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài