Runboard.com
Слава Україні!
Welcome: You have reached Pastor Rick's Design Elements message board... Enjoy your stay and please tell others about this board...

User Quick Links:    runboard.com       Sign up (learn about it) ● Sign in (lost password?)

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
Reply ● Quote
Post List Link Spacing


At the bottom of each post, there is an area designated as "postlistcontact." The links inside this area suffer from padding, margin, and alignment issues which drive me crazy (and may do the same for you). Here is my CSS fix for the problem:

/* POST LIST CONTACT LINK SETTINGS */

span.postlistsendpm, span.postlistsendicq, span.postlistsendaim, span.postlistsendmsn, span.postlistsendyahoo, span.postlistblog, span.postlist_karma_applaud, span.postlist_karma_smite, span.share_menu {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
}

span.postlist_link_to_post {
    border: 0;
    padding: 0;
    padding-left: 5px;
    margin-right: 5px;
}

span.postlistsendpm {
    margin-right: -3px;
}

span.postlistsendpm, span.postlistsendicq, span.postlistsendaim, span.postlistsendmsn, span.postlistsendyahoo, span.postlistblog, span.postlist_karma_applaud, span.postlist_karma_smite {
    display: inline-block;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
}

td.postlistcontact>span:nth-child(4), td.postlistcontact>span:nth-child(6), td.postlistcontact>span:nth-child(7), td.postlistcontact>span:nth-child(8), td.postlistcontact>span:nth-child(9), .postlist_karma_applaud {
    margin-right: 5px;
}


---

Advertise Boards On TRDConceptsDE
9/27/2018, 1:35 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
Reply ● Quote
Re: Post List Link Spacing


My second fix idea (posted so I can compare and contrast).

/* DEFINE POSTLIST LINK MARGIN SETTINGS */
span.postlist_link_to_post {
  border: 0;
  padding: 0;
  padding-left: 5px;
  margin-right: 5px;
}
span.postlistblog {
  margin-right: 5px;
}
td.postlistcontact > span:nth-child(4), td.postlistcontact > span:nth-child(6), td.postlistcontact > span:nth-child(7), td.postlistcontact > span:nth-child(8), td.postlistcontact > span:nth-child(9), .postlist_karma_applaud {
  margin-right: 5px;
}


---

Advertise Boards On TRDConceptsDE
10/12/2018, 4:45 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
Reply ● Quote
Re: Post List Link Spacing


The second solution is more elegant and more flexible. I am keeping the first idea in the postings for completeness sake, but the second solution is the one I will use and recommend to others.

---

Advertise Boards On TRDConceptsDE
10/22/2018, 6:32 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 


Add a reply





You are not logged in (login)