I've been trying to recreate myspace's contact table and i guess i've basically got it, except that it's too spaced out and i don't know how to fix it.


comparing these two, i see that there's another difference with the borders... e_e
but i'm just going to give you my code as-is so that it's out there. obviously, if you spot the problem, let me know! otherwise, if i fix it, or if i clean it up more, i'll update this.
.contact .inner a:before {content: ""} /*dont know what this does but i need it*/
.contact .inner a {font-size:0;} /*gets rid of text*/
/*Add to Friends ("Send Message")*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
display: inline-block;
background: url("https://i.ibb.co/r2ngKrJz/mail-1.gif")no-repeat 0 0;
background-size: 100%;
width: 132px;
height: 20px;
}
/*Add To Favorites ("Forward to Friend")*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
display: inline-block;
background: url("https://i.ibb.co/67NZRrB0/forward-1.gif")no-repeat 0 0;
background-size: 100%;
width: 132px;
height: 20px;
}
/*Send Message ("Add to Friends")*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send message */
display: block;
background: url("https://i.ibb.co/d4m7tJMJ/friend-1.gif")no-repeat 0 0;
background-size: 100%;
height: 20px; width: 132px;
}
/*Forward to Friend ("Add to Favorites")*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
display: inline-block;
background: url("https://i.ibb.co/JjHW1JbK/favorite-1.gif")no-repeat 0 0;
background-size: 100%;
width: 132px;
height: 20px;
}
/*Instant Message*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
display: inline-block;
background: url("https://i.ibb.co/LhNHBppM/im-1.gif")no-repeat 0 0;
background-size: 100%;
width: 132px;
height: 20px;
}
/*Block User*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
display: inline-block;
background: url("https://i.ibb.co/ccVnMCH9/block-1.gif")no-repeat 0 0;
background-size: 100%;
width: 132px;
height: 20px;
}
/*Add To Group*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
display: inline-block;
background: url("https://i.ibb.co/KzRc4FmQ/group-1.gif")no-repeat 0 0;
background-size: 100%;
width: 132px;
height: 20px;
}
/*Report User ("Rank User")*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
display: inline-block;
background: url("https://i.ibb.co/7tWLyQ0D/rank-1.gif")no-repeat 0 0;
background-size: 100%;
width: 132px;
height: 20px;
you'd think that someone would've recreated the basic unstyled myspace profile for spacehey, like that's the first thing that would be made on this website. but if i took that possibility for granted i'd have spent a lot more time looking for it than i did trying to do it myself. i will be the one. but i don't know how to fucking code