Forum Moderators: not2easy
sample HTML/CSS added:
<style type="text/css" media="screen">
h1 {
font-size: 18px;
color: orange;
padding: 0.25em 0 0.25em 1em;
background-color: #E2DBD3;
font-family: "Trebuchet MS";
font-weight: normal;
}.dotted {border-right: 2px dotted #89847E;}
.bottomCols {
float: left;
width: 47%;
border-right:
padding-left: 1%;
padding-right: 1%;
margin-bottom: 2em;
}.bottomCols p {
padding-top: 1em;
margin-top: 0;
font-family: "Trebuchet MS";
font-size: 12px;
color: #666666;
}
</style>
</head>
<body>
<div id="colContainer">
<div class="bottomCols">
<h1>Latest Project</h1>
<p class="dotted">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div><div class="bottomCols">
<h1>Featured Client</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
</div>
<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>
[edited by: SuzyUK at 10:10 am (utc) on Feb. 11, 2005]
To get a dotted border like that they used a border style on one of the paragraph
Hope this helps
Leo
