Hi

I'm trying to add one of these boxes (http://www.schillmania.com/projects/dialog2/) to my project  but I can't figure out how to do so exactly. Also I wanted to add a news box like these http://www.456bereastreet.com/lab/newslist/  but I was looking for something better looking so If anyone knows of anything I would appreciate being told about it :)

I'm not sure about the second link but the first one is an image.

Hi Ec4ever,

mpaterson is correct, the ?box? shows in the first link is a png file which set as background image. In the second link, each ?box? is a <li> element whose parent element (<ul> with id="news") has applied corresponding style. Following is the html and the style about those "boxes".

<ul id="news">
 <li>
  <h4><a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" mce_href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#">News Item 1</a></h4>
  <p>Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula.</p>
  <a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" mce_href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" class="more" title="Continue reading News Item 1">Read more</a>
 </li>
 <li>
  <h4><a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" mce_href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#">News Item 2</a></h4>
  <p>Nullam adipiscing dui blandit ipsum.</p>

  <a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" mce_href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" class="more" title="Continue reading News Item 2">Read more</a>
 </li>
 <li class="arr">
  <h4><a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" mce_href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#">News Item 3</a></h4>
  <p>Vivamus convallis tempus ante.</p>
  <a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" mce_href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" class="more" title="Continue reading News Item 3">Read more</a>
 </li>
 <li class="arr">
  <h4><a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" mce_href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#">News Item 4</a></h4>
  <p>Vivamus convallis tempus ante. Nullam adipiscing dui blandit ipsum.</p>
  <a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" mce_href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2097801&Quote=False#" class="more" title="Continue reading News Item 4">Read more</a>
 </li>
</ul>

******************** style for the ?boxes?
 #news {
  margin:1em auto;
  padding:0;
  width:150px;
  font-size:0.94em;
  list-style:none;
 }
 #news li {
  background:url("box.gif") 0 100% no-repeat;
  padding:0 0 4px 0;
  margin:8px 0 0 0;
  display:block;
 }
 #news li p {
  background:#eaeaea;
  padding:1px 4px 0 7px;
  margin:0;
  border-left:14px solid #939393;
 }
 #news li.arr p {
  background:#eaeaea url("edge.gif") 0 50% repeat-y;
  padding-left:21px;
  border:0;
 }
 #news h4 {
  font-size:1em;
  line-height:1em;
  font-weight:bold;
  background:url("box.gif") 0 0 no-repeat;
  margin:0;
  padding:6px 4px 3px 21px;
 }
 #news li:hover {
  background-position:-150px 100%;
 }
 #news li:hover p {
  border-color:#2793ff;
 }
 #news li.arr:hover p {
  background-image:url("edge-h.gif");
 }
 #news li:hover h4 {
  background-position:-150px 0;
 }
 #news a:link {
  text-decoration:none;
  color:#000;
 }
 #news a:visited {
  text-decoration:none;
  color:#606;
 }
 #news a:hover {
  text-decoration:underline;
 }
 #news .more {
  line-height:1em;
  display:block;
  text-align:right;
  padding:0 18px 2px 21px;
  margin-top:4px;
  background:url("arrow.gif") 135px 50% no-repeat;
 }