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:
Hot To Test Padding Spaces on All 4 Sides
Hot To Test Padding Spaces on All 4 Sides? - CSS Tutorials - HTML Formatting Model: Block, Inline and Floating Elements
✍: FYIcenter.com
If you want test padding spaces on 4 sides of a <P> tag, you can use the following HTML and CSS document. It allows you to specify padding spaces with different values and validate them with legend boxes.
<html><head> <style type="text/css"> H1 {font-size: 20px} DIV.page {width: 450px; border: 1px solid black} TABLE#out {background-color: #ffdddd} TD#box {border: 1px solid black} P#box {width: 300px; height: 300px; padding: 30px 10px 40px 20px; background-color: #ddddff} TD.legend {background-color: #ffffff} TD.legend#top {height: 29px} TD.legend#content {height: 230px} TD.legend#bottom {height: 39px} </style> </head><body><div class="page"> <H1>Padding Box Widths on 4 Sides</H1> <table id=out><tr> <td id=box><p id=box><script language="JavaScript"> for (i=0; i<10; i++) { for (j=0; j<10; j++) { document.write(j+' '); } } </script></p></td> <td valign=top><table> <tr><td class=legend id=top>- padding-top</td></tr> <tr><td class=legend id=content>- Content box</td></tr> <tr><td class=legend id=bottom>- padding-bottom</td></tr> </table></td> </tr></table> <p align="right">By FYICenter.com</p> <div></body></html>
Save this document as paddingBox.html, and view it with a browser
you will see that the content height is reduced from 300px to 230px,
because of the top padding 30px, and the bottom padding 40px:
2007-05-11, 4581👍, 0💬
Popular Posts:
How do you override a defined macro? You can use the #undef preprocessor directive to undefine (over...
Can you explain in GSC and VAF in function points? In GSC (General System Characteristic) there are ...
What will be printed as the result of the operation below: main() { int x=5; printf("%d,%d,%d\n",x,x. ..
Can you prevent a class from overriding ? If you define a class as “Sealed” in C# and “NotInheritab...
If we have multiple AFTER Triggers on table how can we define the sequence of the triggers ? If a ta...