Categories:
.NET (357)
C (330)
C++ (183)
CSS (84)
DBA (2)
General (7)
HTML (4)
Java (574)
JavaScript (106)
JSP (66)
Oracle (114)
Perl (46)
Perl (1)
PHP (1)
PL/SQL (1)
RSS (51)
Software QA (13)
SQL Server (1)
Windows (1)
XHTML (173)
Other Resources:
How Two Block Elements Are Formatted as a Stack
How Two Block Elements Are Formatted as a Stack? - CSS Tutorials - Understanding Multiple Element Formatting Rules
✍: FYIcenter.com
If two block elements are coded next to each other, they will be formatted as a vertical stack of two boxes. The HTML and CSS document below shows you a stack of two block elements:
<html><head> <style type="text/css"> H1 {font-size: 20px} DIV.page {width: 425px; border: 1px solid black} TABLE#out {background-color: #ffdddd} TD#box {border: 1px solid black} P#one {width: 250px; height: 150px; margin: 0px; background-color: #ddffdd} P#two {width: 200px; height: 150px; margin: 0px; background-color: #ddddff} TD.legend#w150 {height: 150px; background-color: #ffffff} TD.legend#g150 {height: 150px; background-color: #dddddd} </style> </head><body><div class="page"> <H1>Vertical Box Element Stacks</H1> <table id=out><tr> <td id=box><p id=one> Welcome to FYIcenter.com, the resource center for visitors like you! Hope you like it, and come back again. Submit your favor resources to FYIcenter.com to share with others. </p><p id=two> Welcome to FYIcenter.com, the resource center for visitors like you! Hope you like it, and come back again. Submit your favor resources to FYIcenter.com to share with others. </p></td> <td valign=top><table cellpadding=0 cellspacing=0> <tr><td class=legend id=w150>- block one</td></tr> <tr><td class=legend id=g150>- block two</td></tr> </table></td> </tr></table> <p align="right">By FYIcenter.com</p> <div></body></html>
Save this document as blockStack.html, and view it with a browser,
you will see how blocks are stacked together:
2007-05-11, 5057👍, 0💬
Popular Posts:
How To Write a Query with a Right Outer Join? - Oracle DBA FAQ - Understanding SQL SELECT Query Stat...
What is page thrashing? Some operating systems (such as UNIX or Windows in enhanced mode) use virtua...
Which is the best place to store ConnectionString in Dot Net Projects? I am about to deploy my first...
What is effort variance? Effort Variance = (Actual effort – Estimated Effort) / Estimated Effort.
What metrics will you look at in order to see the project is moving successfully? Most metric sets d...