Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    May 2005
    Posts
    215
    Thanks
    14
    Thanked 0 Times in 0 Posts

    Strange spacing on tabs...

    Hello all. I have some tabs on top of my application for various sections, and some of the tabs are only visible to certain users. Well, the funny thing is that those tabs that are only viewable to certain users have a small space between them that wasn't there before I added the rules. The tabs that are available to all users look fine. I have attached an image so that you can see what I am talking about.

    Here is the code:

    Code:
    <td width="501" colspan="2" valign="bottom"><div align="right"><a href="welcome.asp"><img src="Images/tabHome_off.jpg" width="81" height="26" border="0" /></a><a href="ts_main.asp"><img src="Images/tabTimesheet_off.jpg" width="81" height="26" border="0" /></a><a href="expense_main.asp"><img src="Images/tabExpense_off.jpg" width="81" height="26" border="0" /></a>
            <% If Not rsKBacc.EOF Or Not rsKBacc.BOF Then %>
                <a href="KB_main.asp"><img src="Images/tabKB_off.jpg" width="81" height="26" border="0" /></a>
              <% End If ' end Not rsKBacc.EOF Or NOT rsKBacc.BOF %>
            <% If Not rsAdmin.EOF Or Not rsAdmin.BOF Then %>
                <a href="admin_main.asp"><img src="Images/tabAdmin_off.jpg" width="81" height="26" border="0" /></a>
              <% End If ' end Not rsAdmin.EOF Or NOT rsAdmin.BOF %>
            <% If Not rsSuperUser.EOF Or Not rsSuperUser.BOF Then %>
                <a href="Module_admin_main.asp"><img src="Images/tabSuperUser_off.jpg" width="81" height="26" border="0" /></a>
              <% End If ' end Not rsSuperUser.EOF Or NOT rsSuperUser.BOF %>
    </div></td>
    Any suggestions would be greatly appreciated.

    Parallon
    Attached Thumbnails Attached Thumbnails Strange spacing on tabs...-sample.gif  

  • #2
    Regular Coder
    Join Date
    Jan 2005
    Posts
    155
    Thanks
    0
    Thanked 0 Times in 0 Posts
    have you tried viewing source to see if there are spaces in between your images? ... i believe this may be the issue

  • #3
    Regular Coder
    Join Date
    May 2005
    Posts
    215
    Thanks
    14
    Thanked 0 Times in 0 Posts
    Well, that is the source above, and all the images are saved from the same file, just different text. As mentioned before, all was good until I put in the previous code. There actually seems to be a little blue line separating them. Also, if you noticed, the tabs don't even sit on the blue bar anymore. There seems to be some sort of border all the way around the tabs. It's weird.

    Thanks,

    Parallon

  • #4
    Senior Coder
    Join Date
    Nov 2002
    Location
    North-East, UK
    Posts
    1,265
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The problem is because of whitespace added when you used the return key


    This has whitespace
    Code:
    <td width="501" colspan="2" valign="bottom"><div align="right"><a href="welcome.asp"><img src="Images/tabHome_off.jpg" width="81" height="26" border="0" /></a><a href="ts_main.asp"><img src="Images/tabTimesheet_off.jpg" width="81" height="26" border="0" /></a><a href="expense_main.asp"><img src="Images/tabExpense_off.jpg" width="81" height="26" border="0" /></a>
            <% If Not rsKBacc.EOF Or Not rsKBacc.BOF Then %>
                <a href="KB_main.asp"><img src="Images/tabKB_off.jpg" width="81" height="26" border="0" /></a>
              <% End If ' end Not rsKBacc.EOF Or NOT rsKBacc.BOF %>
    This doesn't
    Code:
    <td width="501" colspan="2" valign="bottom"><div align="right"><a href="welcome.asp"><img src="Images/tabHome_off.jpg" width="81" height="26" border="0" /></a><a href="ts_main.asp"><img src="Images/tabTimesheet_off.jpg" width="81" height="26" border="0" /></a><a href="expense_main.asp"><img src="Images/tabExpense_off.jpg" width="81" height="26" border="0" /></a><% If Not rsKBacc.EOF Or Not rsKBacc.BOF Then %><a href="KB_main.asp"><img src="Images/tabKB_off.jpg" width="81" height="26" border="0" /></a><% End If ' end Not rsKBacc.EOF Or NOT rsKBacc.BOF %>

    Try this first though
    http://bonrouge.com/br.php?page=faq#img-gap

  • #5
    Regular Coder
    Join Date
    May 2005
    Posts
    215
    Thanks
    14
    Thanked 0 Times in 0 Posts
    Thank you so much degsy. That work beautifully. You are such a life saver.

    Parallon


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •