Problem with coding on header, just seemed to appear

[imported_John Diver]

Hey,
Please view www.HostingRefuge.com/forum (Do not post on this forum, the main site is moving from www.HostingRefuge.com to the new directory in the next few days.)

The forums looks fine here on my local server, but when I did an upgrade to 3.0.1 the header went a bit wrong.
The image postions are all wrong and I am not sure what has happened.
The site was working fine when I used the same header template but after upgrading a vb2 database to vb3, this happened.

Anyone know what is wrong?

Plus, what do I need to do to use HTML in the forum descriptions?
Remember I had to do something in vb2.

Thanks
John

[Tony G]

I cannot view your site, it keeps prompting a download file.

[Jolten]

Well, just at a glance I can see you're missing a couple table cells. Note the tested table below has 3 table rows. The top and bottom table row contain 3 table cells. The middle table row only contains 1 table cell. Adding the colspan="3" where indicated may help. I didn't scour the code for any other problems so more may exist.


<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="853" align="right">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="26%" height="147" rowspan="2" valign="top"><img src="images/HR/hdr_01.gif" width="250" height="93"></td>
<td width="1%" rowspan="2"><img src="images/HR/hdr_02.gif" width="58" height="147"></td>
<td width="73%" height="84" valign="top" bgcolor="415B8F"><img src="images/HR/hdr_03.gif" width="100%" height="15"><br>
<br> </td>
</tr>
<tr>
<td height="62" valign="bottom"><img src="images/HR/hdr_06.gif" width="92" height="62"><img src="images/HR/hdr_07.gif" width="191" height="62"><img src="images/HR/hdr_08.gif"><img src="images/HR/hdr_09.gif" width="254" height="62"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>


change the middle tr to:

<tr>
<td height="62" colspan="3" valign="bottom"><img src="images/HR/hdr_06.gif" width="92" height="62"><img src="images/HR/hdr_07.gif" width="191" height="62"><img src="images/HR/hdr_08.gif"><img src="images/HR/hdr_09.gif" width="254" height="62"></td>
</tr>


I also wouldn't code a table cell with an 853pixel width. You're pretty much ensuring than 50% of your users will need to scroll horizontally tosee the entire page. Not good.

[imported_John Diver]

Tony,
Server may have been updating when you tried, PHP was down for an update for one minute last night.
Scott, thanks for the help, tried that but still getting the same problem.
It looks OK from viewing it in dreamweaver and it was working until I updated vBulletin to 3.0.1 so that was the main reason I couldn't work out the problem.

Thanks
John

[Jolten]

Okay further examination... youv'e got 2 head tags.. 2 body tags..2 Doctypes... . You're code is a mess.

Here is a correct, working version of your header table. I should note that your table needs to be at LEAST 1002 pixels wide for your images to work properly and for them to fit and I've coded the table with that width. You may want to rethink your images so they can fit into the standard 800x600 browser window.


<!-- logo -->
<a name="top"></a>
<table border="0" width="1002" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="right">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2" valign="top" align="right"><img src="images/hdr_01.gif" width="250" height="93"></td>
<td rowspan="2" align="right"><img src="images/hdr_02.gif" width="58" height="147"></td>
<td valign="top" bgcolor="#415B8F" align="right"><img src="images/hdr_03.gif" width="100%" height="15"></td>
</tr>
<tr>
<td colspan="3" valign="bottom" bgcolor="#415B8F" align="right"><img src="images/hdr_06.gif" width="92" height="62"><img src="images/hdr_07.gif" width="191" height="62"><img src="images/hdr_08.gif"><img src="images/hdr_09.gif" width="254" height="62"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
<!-- /logo -->


Aslo note I changed the image directory so I could test the images here. (I removed the HR directory from image paths)

[imported_John Diver]

Hey Scott,
Thank you very much, that was a great help and I got it working :)
Will hopefully have everything moved over to vb3 within the next 2 days.
Really appreciate your help :)

John

[Jolten]

Glad I could help John.