office live design tips

Tips and How To's for Office Live Web Design

Home

Design Tips

Blog

About Us

Contact Us        

 Basics of Tables | Images & TablesCreative Modules | Navigation Menus Put it Together | Codes & Resources |

The header and navigation for this page is two different parts.  The easy one is the secondary menu,  a single cell table which kept it lined up evenly with the tables above and below it.    I set the cell padding to 0 to keep it narrow and changed the color of the text for the current page. 

Creative Modules | Navigation Menus |

The navigation next to the header starts with a table with the flowers as a background image.  I inserted 3 columns and 5 rows.  The rows in the first 2 columns are merged.
   
 
 
The Logo image is placed in the far left column.  The site title and site slogon modules are in the center column (Modules > Site Information).  The rows in the right column are for the navigation.  Change the border color and use the fill bucket to color the  different cells.  I had to put spaces (just keep hitting the space bar) to increase the size of the center column.
  Office Live Design TipsHome 
About
Contact