<!DOCTYPE html> <html > <head> </head> <body class="dbootstrap" > <div class="appHeader"> <div class="headerTitle"> <span id="headerTitleSpan"> Washington xxxxxx Map Viewer </span> <div id="subHeaderTitleSpan" class="subHeaderTitle"> by xxxxxxxx </div> </div> <div class="headImgButtons"> <div class="headerLinksAdd"> <div id="addDijit"> <img id='imgAddRecords' src="images/DataAdd.png" alt="Add Records" title="Add Records" /> </div> </div> <div class="headerLinksEdit"> <div id="editDijit"> <img id='imgEditRecords' src="images/EditingAttributes32.png" alt="Edit Records" title="Edit Records" /> </div> </div> </div> </div> <!--<div class="app1" style="visibility:hidden;">--> <div id="add_div" class="app1" > …. </div> <!-- "add_div" --> </body> </html>
body, html { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; /*font-family: Tahoma;*/ font-size: 12px; /* before 14px */ } .appHeader { background: url("../images/linen.jpg") repeat-x scroll left top transparent; /* background: url("../images/MetroBackgound.png") repeat-x scroll left top transparent; */ height: 100px; /* 70px for Default.2aspx */ margin: 0; padding: 0; width: 100%; } .appHeader2 { background: url("../images/linen.jpg") repeat-x scroll left top transparent; /* background: url("../images/MetroBackgound.png") repeat-x scroll left top transparent; */ height: 80px; margin: 0; padding: 0; width: 100%; } .appHeader .headerLogo { float: left; left: 30px; position: relative; top: 3px; } .appHeader .headerTitle { color: #FFFFFF; float: left; font-size: 20pt; /*16pt; */ font-weight: bold; left: 60px; top: 7px; /* 15px for Default.2aspx */ position: relative; } .appHeader .subHeaderTitle { color: yellow; font-size: medium; /*small;*/ padding-left: 20px; bottom: 3px; } /* .appHeader .search { float: left; left: 80px; position: relative; top: 18px; } */ /* 08/21/2015 - Tool Icons */ .appHead .headImgButtons { position:absolute; margin-left:200px; } .appHeader .headerLinksAdd { float: right; color: #FFFFFF; position: relative; top: 10px; right: 310px; text-align: right; width: auto; } .appHeader .headerLinksEdit { float: right; color: #FFFFFF; position: relative; top: 10px; right: 240px; text-align: right; width: auto; } .appHeader .headerLinksHelp { float: right; color: #FFFFFF; position: relative; top: 10px; right: 170px; text-align: right; width: auto; } .appHeader .headerLinksInfo { float: right; color: #FFFFFF; position: relative; top: 10px; right: 100px; text-align: right; width: auto; } .appHeader .headerLinksLogout { float: right; color: #FFFFFF; position: relative; top: 10px; right: 30px; text-align: right; width: auto; } .appHeader .headerLinks { float: right; color: #FFFFFF; position: relative; top: 27px; right: 10px; text-align: right; } /* Tool Icons */ .appHeader .headerLinks a { color: #FFFFFF; }
!IMPORTANT
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)