PDA

View Full Version : Aligning navigation tabs


Jon12345
06-19-2018, 08:25 AM
I've been updating the header area of my forum recently. The tabs at the top of the page are Home, Forum & Contact. Currently, they are slightly to the right of centre at the top. I'm using tables to try to align things.

However, what I am trying to achieve is having the right edge of the Contact tab line up with the right edge of the box below, where it says "Remember me?"

Any idea on how I can do this?

Edit: Forgot to link to the forums! https://www.access-programmers.co.uk/forums/

Thanks,

Jon

blind-eddie
06-20-2018, 07:51 AM
Show the code you are using please.

Jon12345
06-20-2018, 09:36 AM
Yes of course! This is the header code.

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">


<tr>
<td width="35" height="32" bgcolor="#FFFFFF"<div align="left"></div></td>
<td width="280" align="left" valign="bottom" bgcolor="#FFFFFF"><b>
<img src="https://www.access-programmers.co.uk/wp-content/themes/dynamik/css/images/accessworldlogo1v3.png">
</b></td>

<td width="139" align="right" bgcolor="#FFFFFF">

</td>


<td width="350" valign="bottom" align="right" bgcolor="#FFFFFF"><div align="right">
<ul id="container">
<li><a class="sprite-nav_home_up" href="../index.php">Home<span></span></a></li>
<li><a class="sprite-nav_forum_down" href="https://www.access-programmers.co.uk/forums/index.php">Forum<span></span></a></li>
<li><a class="sprite-nav_contact_up" href="https://www.access-programmers.co.uk/contact/">Contact<span></span></a></li>

</ul>
</div>
</td>


<td width="160" align="right" bgcolor="#FFFFFF">
<img src="https://accessworld-accessworld.netdna-ssl.com/images2/1x1.gif" width="160" height="32">
</td>
</tr>


</table>


<table width="$stylevar[outertablewidth]" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>

<td valign="top">


<!-- content table -->
$spacer_open

$_phpinclude_output