My Posts don't have Seperators

Hello All,

If you check http://www.iwebie.com, the posts don't have any kind of Line Separators to make visible demarcation between 2 posts. How and which code do I modify to add some sort of a Horizontal line separator.

Please help me!

Regards,
Hemanth

 

You can add a bottom border to the post section of the stylesheet:

#content .post{
  background:#ecead5;
  border-bottom: medium solid #000;
  padding:10px 10px 5px 10px;
  margin:0px 0px 10px 0px;
  text-align:justify;
  }

Code (markup):

Or you can add a horizontal rule. Find the post closing div and add <hr /> next to it.

 

Hello There,

Thanks for your help. I added "border-bottom: medium solid #000;" to the CSS and it works fine. Which of the 2 Approaches is better, Adding a <hr /> tag or manipulating the CSS.

Also the line separator after the CSS change looks too thick. Is there a better way of having a dotted line or can I have a look at different Line variations. Can I even change the color and so on.

If you see on top for Example the words "Recent Articles" is in between 2 Horizontal Lines. I want that Style. I want to try both and see how they work or maybe a little more thicker will do

 

Try border-bottom: thin solid #000;
Or border-bottom: thin dotted #000;

There are heaps of different border styles:
http://www.tizag.com/cssT/border.php

I don't think there is much difference between borders and rules. One advantage of a rule is you can change the width easily. If you want to try a rule, put the <hr /> at the end of the post div and add this to the stylesheet:
hr {
background:#000;
height:2px;
}

 

Thanks a lot mate. You Rock!!!! That really Helped. I also rep-ped you..

 

Cheers! Good luck with your blog.