Machine Syntax

Working with DIV tag is always problem and hard work thats why many web developers avoid creating their websites in DIV tag, in this tutorial, I will show you how to arrange DIVs in horizontal order with CSS. The HTML Code This is the html code for 4 divs div.container, div.left, div.middle and div.right. Note: Below the div.right there is another div with height:0; and width:100% and clear:both, the job of this div is to make sure the floating divs not going outside the container, try on your own to remove the div.clear to see what will happen on those floating div.    <div class="container">    <div class="left">Left</div>    <div class="middle">Middle</div>    <div class="right">Right</div>    <div class="clear"></div>    </div> The CSS Code .container{ width:600px; padding:0; border:5px solid #ddd; margin:0 auto; } .left{ float:left; width:150px; height:300px; te

Message is a must in a web application. Message can be used to show information,warning,error, and successfully message to tell users the status of their process. This is a sample message that can be use in your web application. Have a try. First of all, you can download all this image icon and add to your web application project. The CSS File   .notification         {             position: relative;             margin: 0 auto;             padding: 2px 10px 2px 2px;             border: 1px solid;             background-position: 10px 11px !important;             background-repeat: no-repeat !important;             font-size: 12px;             width: 99%;         }                 .attention         {             background: #fffbcc url('../Images/Icon/exclamation.png') 10px 11px no-repeat;             border-color: #e6db55;             color: #666452;         }                 .information         {             background: #dbe3ff url('../Images/Icon/information.png&#