Answers Search Help
Boston University home page
Dreamweaver: Introduction
 
 
    CSS Basics
 
 
 
 
    Tags and Attributes
 
 
 
 
    Tables
 
 
 
    Styling Components
 
 
 
 
 
 
 
 
    Spacing
 
 
 
 
 
    Also See
   

Sidebar Hands-on Exercises

  1. Open the 93anniversary.html in your news folder
  2. Create a style for sidebar-right

    .sidebar-right {
    width: 180px;
    float: right;
    border: 1px solid #666666;
    background-color: #EFEFEF;
    padding: 6px;
    margin: 8px 0 8px 12px;
    }


    .sidebar-right ul{
    list-type: none
    margin-left: 0px;
    }


    .sidebar-right li {
    padding-bottom: 6px;
    }


  3. Create a <div> for your sidebar
  4. Cut and paste the event information list into your sidebar
  5. Apply the style to your sidebar
WebCentral Using Publishing Learning Training Consulting WebCentral
Answers Search Help
NIS  |  OIT  |  Boston University  |   October 24, 2002