Introducing XWeb

Formatting the logos

If you add logos into your site as described in the image section you can apply CSS formatting to them by using the classes attached to their table cells. The two classes for this are:

td.firstLogo
The table cell containing the first logo
td.secondLogo
The table cell containing the second logo

Things you might want to do with these cells are adding borders, resizing them or giving them a background color. Notice that you can also apply formatting to the images themself, e.g. to give a border directly around the image:

  td.firstLogo {
      text-align: center;
      margin: 5px;
  }
  td.firstLogo img {
      border-style:solid; 
      border-color:blue; 
      border-width: 2px, 2px, 2px, 2px;
  }

Formatting the banners

If you use banners as described in the image section you can change their placement and formatting by using these two CSS selectors:

div.sectionBanner
The part with the section banner
div.entryBanner
The part with the page banner

This could be used like this:

  div.sectionBanner {
      text-align: center;
      margin: 30px 5px;
      border-style:solid; 
      border-color:blue; 
      border-width-bottom: 2px;
  }