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

Position Problem

Discussion in 'Styling and Customization Questions' started by ragtek, Apr 20, 2012.

  1. ragtek

    ragtek Guest

    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?:)
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Try position: relative;
     
  3. ragtek

    ragtek Guest

    inside of the checkbox?
    <input type="checkbox" name="facebookfriend[]" value="{$userid}" style="position:relative"/>

    isn't working:(
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  5. ragtek

    ragtek Guest

    thx but it isn't working
     
  6. xfrocks

    xfrocks Well-Known Member

    Code:
    position: absolute
    Only works if the container of the element has

    Code:
    position: relative
    ;)
     

Share This Page