University of East London

Site Style Guide

Design Index
 
 
 
 
 
 
 
 
 
 
         

Table width guide

Each image must be a width = n x 117 px
where n=the number of columns (1, 2, 3,4 or 5)

Each page is attached to a template, which is constructed of a series of tables,
The header and footer sections are not editable.
The central sections are editable named: bodyspace
The lefthand column contains a table for the menu, a Library item.

 
         
 

<----117--->

      

 

        
 

<----234----------------->

    
         
 

<----351------------------------------->

  
         
 

<----468---------------------------------------------->
   

<-------------------585---------------------------------------------->

Text in the main table cell h1

next sort of text would be h2

then h3

and perhaps h4

 

if the text is padded with 117 pixel margin use the indedent styles

Style guide

be cautious as to where the styleis applied

cursor in the text, with nothing highlighted

highl;ighted text

style

head 2 with 117 pixel left margin 'head2indent117'

.head1 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: 18px; font-weight: bold; color: #000033; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: left
}

.body12on16 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; color: #000033; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: left
}

.head1pad {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: 18px; font-weight: bold; color: #000033; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 117px; text-align: left
}

.head2indent117 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 14px; font-weight: bold; color: #000033; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 117px ; text-align: left
}

.body117 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; color: #000033; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 117px ; text-align: left
}

 

<h5> heading 5

 
   

the SMARTlab Digital Media Institute, University of East London, Docklands Campus, 4-6 University Way, London E16 2RD
feedback