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

Position Problem

R

ragtek

Guest
#1
ATM I'm having this:
Code:
<dd>
<ul>
<xen:foreach loop="$friends" key="$userid" value="$username">
<li><label>
<img src="https://graph.facebook.com/{$userid}/picture?type=square" />
<input type="checkbox" name="facebookfriend[]" value="{$userid}" />
{$username}</label></li>
</xen:foreach>
</ul>
</dd>
which outputs ff2.PNG

I want to have the checkbox "inside" of the image, like with the vB friends
friends.PNG

If i try
Code:
<dd>
<ul>
<xen:foreach loop="$friends" key="$userid" value="$username">
<li><label>
<img src="{$url.$userid}" />
<input type="checkbox" name="facebookfriend[]" value="{$userid}" style="position: absolute;
left: 4px;
top: 4px;" />
{$username}</label></li>
</xen:foreach>
</ul>
</dd>
it places all checkboxes in the left corner
ff1.png


Anybody able to help me?:)