try replacing this (starting at line 166 of your source code on the main page)
Code:
<div id="navigation">
<!-- DONT TOUCH ANYTHING HERE-->
<a href="index.php"><img src="images/home.jpg" border="0" alt="Home"></a>
<a href="boards/index.php"><img src="images/forum.jpg" border="0" alt="Forum"></a>
<a href="contact.php"><img src="images/contact.jpg" border="0" alt="Contact"></a>
<a href="javascript:popUp('media/abemp3.htm')"><img src="images/listen.jpg" border="0" alt="Music Player"></a>
<a href="buy.php"><img src="images/buy.jpg" border="0" alt="Buy"></a>
</div>
with this. its going to put them into a table with the width of each column 50px since your widest picture is 47px. then they should never bunch together but stay the same distance apart. If Its not enough space between then try changing the width on each <td> more or less accordingly.
Code:
<div id="navigation">
<!-- DONT TOUCH ANYTHING HERE-->
<table border=0>
<tr>
<td width=50>
<a href="index.php"><img src="images/home.jpg" border="0" alt="Home"></a>
</td>
<td width=50>
<a href="boards/index.php"><img src="images/forum.jpg" border="0" alt="Forum"></a>
</td>
<td width=50>
<a href="contact.php"><img src="images/contact.jpg" border="0" alt="Contact"></a>
</td>
<td width=50>
<a href="javascript:popUp('media/abemp3.htm')"><img src="images/listen.jpg" border="0" alt="Music Player"></a>
</td>
<td width=50>
<a href="buy.php"><img src="images/buy.jpg" border="0" alt="Buy"></a>
</td>
</tr>
</table>
Last edited by The_Anomaly; 07-03-2005 at 05:06 AM..
|