Reducing the spacing between buttons

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • setishock
    Senior Member
    • Jun 2005
    • 1334
    • 4.2.x

    Reducing the spacing between buttons

    Referencing the attached picture which is my buttons from a post. How would I reduce the spacing between them to 0? I'd like it to look like the buttons are on one continuous background strip.
    Attached Files
    ...
  • Jose Amaral Rego
    Senior Member
    • Feb 2005
    • 11058
    • 1.1.x

    #2
    # template: postbits
    # Find <!-- controls -->
    # remove all white spaces between all image links
    # eg.
    Before
    Code:
    			<!-- controls -->
    			<if condition="$post['editlink']">
    				<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
    				<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
    			</if>
    			<if condition="$post['forwardlink']">
    				<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
    			</if>
    			<if condition="$post['replylink']">
    				<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
    			</if>
    			<if condition="$show['multiquote_post']">
    				<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
    			</if>
    			<if condition="$show['quickreply'] AND !$show['threadedmode']">
    				<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
    			</if>
    After
    Code:
    			<!-- controls -->
    			<if condition="$post['editlink']"><img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" /><a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a></if><if condition="$post['forwardlink']"><a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a></if><if condition="$post['replylink']"><a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a></if><if condition="$show['multiquote_post']"><a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a></if><if condition="$show['quickreply'] AND !$show['threadedmode']"><a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a></if>
    I would of just added in a background image, but this does the job... Ewww!

    Comment

    • setishock
      Senior Member
      • Jun 2005
      • 1334
      • 4.2.x

      #3
      Can't put a background behind them as they are sitting on a gradient background of thier own. They would still have the same issue.
      But thanks for the info. I'll check it out.
      ...

      Comment

      • setishock
        Senior Member
        • Jun 2005
        • 1334
        • 4.2.x

        #4
        That did not work. Good thing I made a copy of that template.
        Any one else really know how to kill the spacing in between the buttons?
        ...

        Comment

        • Zachery
          Former vBulletin Support
          • Jul 2002
          • 59097

          #5
          Can you provide a link to where this code is so we can see it for ourselfs? Without seeing the html code it is impossible to help.

          Comment

          • Jose Amaral Rego
            Senior Member
            • Feb 2005
            • 11058
            • 1.1.x

            #6


            user: demotest
            pw: qazxcv

            Firefox/IE8 seems ok, as the spaces between are gone today.

            That was only an example of what to do..(eg.)

            Comment

            • setishock
              Senior Member
              • Jun 2005
              • 1334
              • 4.2.x

              #7
              A friend of mine Buzzstpoint from ComputerVitals took your code example and ran with it and it worked.
              In light of that it appears I did something wrong and got cross about it when I shouldn't have. Working with code for me is not easy and every time I do something it's a learning experience.
              Therefore I own you an apology. I am sorry about my knee jerk response and hope you can over look it.
              Thank you for your help.
              ...

              Comment

              • ComputerVitals
                Senior Member
                • Oct 2005
                • 541
                • 3.8.x

                #8
                Yeah,

                Thanks Jose

                Removing the whitespace worked.

                Comment

                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                Working...