Strange spacing on tabs...

[parallon]

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:

<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

[mehere]

have you tried viewing source to see if there are spaces in between your images? ... i believe this may be the issue

[parallon]

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

[degsy]

The problem is because of whitespace added when you used the return key


This has whitespace

<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

<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

[parallon]

Thank you so much degsy. That work beautifully. You are such a life saver.

Parallon