• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 Need some styling help

0ptima

Well-known member
#1
Ive added some custom post fields to each post and need some help in styling them

This is what it looks like
upload_2013-8-10_23-16-13.png

Here is the star sprite I am using

upload_2013-8-10_23-21-17.png


Here is the code behind it

Code:
<div class="secondaryContent" "="">
      Rating: <img src="styles/default/xenforo/clear.png" alt="" style=" width: 100px; height: 22px; background: url('styles/default/smilies/star_rating.png') no-repeat 0px -200px"></img>
      Service: <img src="styles/default/xenforo/clear.png" alt="" style="width: 100px; height: 22px; background: url('styles/default/smilies/star_rating.png') no-repeat 0px -160px"></img>
</div
How can I have "Rating:" and "Service:" aligned on the same line as in this mockup?

upload_2013-8-10_23-23-4.png

Thanks.