Topic: How can I add a border to the right of the poster div?

[ocmdiaz714]

I mean, I know how to add a border as I just did that, but the border doesn't extend over the top and bottom "slices." Can anybody help?

Code: [Select]

/* poster and postarea + moderation area underneath */
.post_wrapper
{
   float:left;
   width:100%;
}
.poster
{
   float: left;
   width: 15em;
   border-right: 1px solid #cccccc;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
   width: 100%;
}

.moderatorbar
{
   clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
   padding: 0;
   margin: 0 1em 0 1.5em;
}
.poster h4
{
   margin: 0.2em 0 0.4em 1.1em;
   font-size: 120%;
}
.poster h4, .poster h4 a
{
   color: #c06002;
}
.poster ul ul
{
   margin: 0.3em 1em 0 0;
   padding: 0;
}
.poster ul ul li
{
   display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
   margin-top: 0.5em;
}
.poster li.avatar
{
   overflow: hidden;
}
.poster li.warning
{
   line-height: 1.2em;
   padding-top: 1em;
}
.poster li.warning a img
{
   vertical-align: bottom;
   padding: 0 0.2em;
}

[MovedGoalPosts]

I had a similar issue.  Have a look at : http://www.simplemachines.org/community/index.php?topic=481998.0

[ocmdiaz714]

I had a similar issue.  Have a look at : http://www.simplemachines.org/community/index.php?topic=481998.0

That didn't work for me. Maybe I screwed up my CSS?

[MovedGoalPosts]

Remember that some of the code from that post is css3, so will only display correctly in modern browsers that support it.

If you've been making a lot of other changes to your css, and even the templates, then it's possible something there could upset the expected results.

[ocmdiaz714]

So I went ahead and added all those missing bits mentioned in your original post to my CSS, and this is the end result:

BEFORE


AFTER

[ocmdiaz714]

Sorry. Bump.

[ocmdiaz714]

Sorry. Bump.