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

Two buttons on one line

Discussion in 'Styling and Customization Questions' started by Trombones13, Aug 4, 2011.

  1. Trombones13

    Trombones13 Well-Known Member

    On my site, I have two buttons in a sidebar block, like so:
    Voice_DJs_Buttons.png
    Currently, I have the width on the Sign-up Now Button Container style property set to 50% (which also changes the original sign-up button, so I may just add a style property to make it a different button). However, I can't figure out how to put both buttons onto one line. Can that be done with some sort of classes specific to each button that will put them on the left and right (Listen should be on left; Request on right)?

    Here's the relevant section of the sidebar_online_users template:
    Code:
    <div class="userTitle" align="center">
            <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:phrase kurt_listen}</a></label><label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:phrase kurt_request}</a></label>
    </div>
    Any help would be appreciated; thanks! :)
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Trombones13

    Trombones13 Well-Known Member

    That worked--thanks! :) Any idea as to why they won't sit within the template now?

    (Going to bed, but I'll read it tomorrow--thanks for your help!)
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Add a min-height element to that block.
     
    Trombones13 likes this.
  5. Trombones13

    Trombones13 Well-Known Member

    Perfect. :) Thanks a lot!
     

Share This Page