Help with tiny icons alignment

May 02, 2009 20:54

I was able to add the tiny icons to my metadata. However they won't align with the text like I want them to.

I'm sure it's the padding. I've included the code and you can see how it looks on breathesunshine.

oh and this is a layout by minty_peach

.currents, .currentmood, .currentmusic {
font-family: arial;
font-size: 10px;
}

.currentlocation {
color: #999999;
padding-left: 13px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i298.photobucket.com/albums/mm279/bodysnatcher4ever/tiny%20icons/house-gray.png') 0px 2px no-repeat;
}

.currentmood {
color: #999999;
padding-left: 9px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i298.photobucket.com/albums/mm279/bodysnatcher4ever/tiny%20icons/heart.png') 0px 2px no-repeat;
}

.currentmusic {
color: #999999;
padding-left: 13px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i298.photobucket.com/albums/mm279/bodysnatcher4ever/tiny%20icons/notes-black.png') 0px 2px no-repeat;
}

.ljtags {
margin-top: 25px;
margin-left: 1px;
color: #777777;
padding-left: 13px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i298.photobucket.com/albums/mm279/bodysnatcher4ever/tiny%20icons/tag-green2.png') 0px 2px no-repeat;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #ACB034;
font-size: 7pt;
text-transform: none;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #ACB034;
font-size: 7pt;
text-transform: lowercase;
}

.currentlocation a:hover, .ljtags a:hover {
color: #aaaaaa;
text-transform: lowercase;
text-decoration: none;
}

metadata

Previous post Next post
Up