Div based sidebar
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title></title>
<style rel="stylesheet" type="text/css">
#sidebar {
width: 242px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5F5F5F
}
#sidebar div {
padding: 28px 0 0 0
}
#sidebar ul {
padding: 15px 0 0 12px;
}
#sidebar li {
list-style-type: none;
line-height: 17px;
}
#sidebar li a {
font-size: 12px;
color: #027DD4;
text-decoration: underline
}
#sidebar li a:visited {
text-decoration: underline
}
#sidebar li a:hover {
text-decoration: none
}
#sidebar p {
padding: 20px 0 0 10px;
width: 212px;
}
.name {
padding: 10px 0 0 10px;
display: block
}
#sidebar .more {
margin: 10px 0 0 10px
}
</style>
</head>
<body>
<div id="sidebar">
<div>
<img src="images/title4.gif" alt="" width="242" height="26" /><br />
<ul>
<li><a href="#">Illum secundum</a></li>
<li><a href="#">Tamen causa ut diam</a></li>
<li><a href="#">Appellatio vel hos autem</a></li>
<li><a href="#">Consequat</a></li>
<li><a href="#">Nibh valde tincidunt</a></li>
<li><a href="#">Illum secundum</a></li>
<li><a href="#">Appellatio vel</a></li>
<li><a href="#">Illum secundum</a></li>
<li><a href="#">Nibh valde</a></li>
<li><a href="#">Consequat</a></li>
<li><a href="#">Nibh valde tincidunt</a></li>
</ul>
</div>
<div>
<img src="images/title5.gif" alt="" width="242" height="24" /><br />
<p>
Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciterinhibeo si quae exer... lobortis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo.
</p>
<strong class="name">Mr. John Johnson</strong>
<a href="#" class="more">All Testimonials</a>
</div>
</div>
</body>
</html>
Related examples in the same category