The Page Structure of bxp
Revision as of 23:27, 17 November 2015 by Philip Lacey (talk | contribs) (Created page with "= Overview = This article discusses the technical structures of the bxp pages to allow designers and CSS teams to completely restyle and manage the bxp interface. = Structu...")
Revision as of 23:27, 17 November 2015 by Philip Lacey (talk | contribs) (Created page with "= Overview = This article discusses the technical structures of the bxp pages to allow designers and CSS teams to completely restyle and manage the bxp interface. = Structu...")
Contents
1 Overview
This article discusses the technical structures of the bxp pages to allow designers and CSS teams to completely restyle and manage the bxp interface.
2 Structures - Page Archetypes
There are four page archetypes within bxp
- Login
- Main Menu
- Section Menu
- Page
Each of these page types have commonalities.
3 Structures - General Presentation
Within the HTML of the page there is a common framing structure for MOST pages.
<body >
<div id="divBodyAll" class="cssBodyAll">
<div id="divBodyInner" class="cssBodyInner">
<table id="tableBodyInner" border="0" cellspacing="0" cellpadding="0" class="cssMaster_Page">
<tr>
<td><div class="cssMaster_Header">
<form name="form1" id="form1" action="xxxxxxxx.asp" method="post">
</form>
</div>
</td>
</tr>
</table>
</div>
</div>
</body>Lets look at what the CSS classes do
3.1 General
3.2 cssBodyAll
.cssBodyAll{
position: absolute;
top: 20%;
margin-top: 0 px;/* half of #content height */
left: 0;
width: 100%;
}