Thread: CSS help
View Single Post
Old Oct 29th, 2006, 5:10 PM   #2
Arevos
Programming Guru
 
Arevos's Avatar
 
Join Date: Aug 2005
Location: England
Posts: 1,499
Rep Power: 5 Arevos is on a distinguished road
A whole 5 hours, eh? :p

Anyway, just wrap all your divs up inside another div, like so:
<div id="sidebar">
  <div class="top"></div>
  <div class="body">
    test
  </div>
  <div class="bottom"></div>
</div>
With the corresponding CSS:
#sidebar {
    width: 131px;
    float: right;
}

#sidebar .top {
    height: 20px;
    background: url(images/sidebartop.jpg);
}

#sidebar .body {
    background: url(images/sidebarbg.jpg);
}

#sidebar .bottom {
    height: 20px;
    background: url(images/sidebarbottom.jpg);
}
Arevos is offline   Reply With Quote