Java menu problem

[Semperfidelis]

When my forum is viewed at resolutions greater than 1024 X 768 this occurs :


At resolutions less or equal to 1024 x 768 it all looks normal



Does anyone have any idea on how to correct this ?
Thanks in advance

[Genetics]

In <td> use the correct background-color and align image to right! I had the same problem.

[Semperfidelis]

Any chance you can be more specific ?
Im not quite following you
Thanks

[Floris]

<td bgcolor="#YourBackgroundColor" align="right">

Probably in the header insert style thingy, I think.

[Semperfidelis]

Ok here is my head insert code for that particular style

<meta http-equiv="MSThemeCompatible" content="Yes">
<script language="JavaScript" src="js/fade.js"></script>
<SCRIPT LANGUAGE = JAVASCRIPT>
if (document.images) 
{
   img1 = new Image();
   img2 = new Image();
   img3 = new Image();
   img4 = new Image();
   img5 = new Image();
   img6 = new Image();
   img7 = new Image();
   img1.src = "images/usercp_on.gif";
   img2.src = "images/register_on.gif";
   img3.src = "images/calendar_on.gif";
   img4.src = "images/members_on.gif";
   img5.src = "images/faq_on.gif";
   img6.src = "images/search_on.gif";
   img7.src = "images/home_on.gif"
}
</SCRIPT>
<style type="text/css">
BODY{
scrollbar-arrow-color: black;
    scrollbar-face-color: B7C2DF;
    scrollbar-shadow-color: B7C2DF;
    scrollbar-darkshadow-color: black;
    scrollbar-track-color: B7C2DF;
    scrollbar-highlight-color: B7C2DF;
    scrollbar-3dlight-color: black;
}
SELECT {
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #B7C2DF;
}
TEXTAREA, .bginput {
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #B7C2DF;
    border : 1px;
    border-color : #6F7891;
    border-style : dashed;
}
A:link, A:visited, A:active {
    COLOR: {linkcolor};
}
A:hover {
    COLOR: {hovercolor};
}
#cat A:link, #cat A:visited, #cat A:active {
    COLOR: {categoryfontcolor};
    TEXT-DECORATION: none;
}
#cat A:hover {
    COLOR: {categoryfontcolor};
    TEXT-DECORATION: underline;
}
#ltlink A:link, #ltlink A:visited, #ltlink A:active {
    COLOR: {linkcolor};
    TEXT-DECORATION: none;
}
#ltlink A:hover {
    COLOR: {hovercolor};
    TEXT-DECORATION: underline;
}
.thtcolor {
    COLOR: {tableheadtextcolor};
}

.nf { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt }
.sf { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px }
</style>
$headnewpm 

And my background colour is : #919DBE


Is this where I am meant to put the :
<td bgcolor="#YourBackgroundColor" align="right">
And if so, where should it go ?

[Genetics]

This is Head Insert under this in control panel/modify style you have Header, here you have to search the correct <td> tag to modify (depends of the style used).

Could we see your live forum?

[Semperfidelis]

Unfortunately you wont be able to see the live forum as it is on a company intranet.

Here is the header code :

<!-- logo and buttons -->
<div align="center">
<table width=100% border="0" cellpadding="1" cellspacing="0"><tr><td bgcolor="#000000"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111">
  <tr>
    <td width="33%">
    <a href="index.php?s=$session[sessionhash]">
    <img border="0" src="images/top_left.gif" width="329" height="98"></a></td>
    <td width="33%" bgcolor="#919DBE">&nbsp;</td>
    <td width="34%" bgcolor="#919DBE">
    <p align="right">
    <a onmouseover="document['fpAnimswapImgFP8'].imgRolln=document['fpAnimswapImgFP8'].src;document['fpAnimswapImgFP8'].src=document['fpAnimswapImgFP8'].lowsrc;" onmouseout="document['fpAnimswapImgFP8'].src=document['fpAnimswapImgFP8'].imgRolln" href="usercp.php?s=$session[sessionhash]">
    <img border="0" src="images/usercp_off.gif" id="fpAnimswapImgFP8" name="fpAnimswapImgFP8" dynamicanimation="fpAnimswapImgFP8" lowsrc="images/usercp_on.gif" width="143" height="14"></a><br>
    <a onmouseover="document['fpAnimswapImgFP9'].imgRolln=document['fpAnimswapImgFP9'].src;document['fpAnimswapImgFP9'].src=document['fpAnimswapImgFP9'].lowsrc;" onmouseout="document['fpAnimswapImgFP9'].src=document['fpAnimswapImgFP9'].imgRolln" href="register.php?s=$session[sessionhash]&action=signup">
    <img border="0" src="images/register_off.gif" id="fpAnimswapImgFP9" name="fpAnimswapImgFP9" dynamicanimation="fpAnimswapImgFP9" lowsrc="images/register_on.gif" width="143" height="14"></a><br>
    <a onmouseover="document['fpAnimswapImgFP10'].imgRolln=document['fpAnimswapImgFP10'].src;document['fpAnimswapImgFP10'].src=document['fpAnimswapImgFP10'].lowsrc;" onmouseout="document['fpAnimswapImgFP10'].src=document['fpAnimswapImgFP10'].imgRolln" href="calendar.php?s=$session[sessionhash]">
    <img border="0" src="images/calendar_off.gif" id="fpAnimswapImgFP10" name="fpAnimswapImgFP10" dynamicanimation="fpAnimswapImgFP10" lowsrc="images/calendar_on.gif" width="143" height="14"></a><br>
    <a onmouseover="document['fpAnimswapImgFP11'].imgRolln=document['fpAnimswapImgFP11'].src;document['fpAnimswapImgFP11'].src=document['fpAnimswapImgFP11'].lowsrc;" onmouseout="document['fpAnimswapImgFP11'].src=document['fpAnimswapImgFP11'].imgRolln" href="memberlist.php?s=$session[sessionhash]">
    <img border="0" src="images/members_off.gif" id="fpAnimswapImgFP11" name="fpAnimswapImgFP11" dynamicanimation="fpAnimswapImgFP11" lowsrc="images/members_on.gif" width="143" height="14"></a><br>
    <a onmouseover="document['fpAnimswapImgFP12'].imgRolln=document['fpAnimswapImgFP12'].src;document['fpAnimswapImgFP12'].src=document['fpAnimswapImgFP12'].lowsrc;" onmouseout="document['fpAnimswapImgFP12'].src=document['fpAnimswapImgFP12'].imgRolln" href="misc.php?s=$session[sessionhash]&action=faq">
    <img border="0" src="images/faq_off.gif" id="fpAnimswapImgFP12" name="fpAnimswapImgFP12" dynamicanimation="fpAnimswapImgFP12" lowsrc="images/faq_on.gif" width="143" height="14"></a><br>
    <a onmouseover="document['fpAnimswapImgFP13'].imgRolln=document['fpAnimswapImgFP13'].src;document['fpAnimswapImgFP13'].src=document['fpAnimswapImgFP13'].lowsrc;" onmouseout="document['fpAnimswapImgFP13'].src=document['fpAnimswapImgFP13'].imgRolln" href="search.php?s=$session[sessionhash]">
    <img border="0" src="images/search_off.gif" id="fpAnimswapImgFP13" name="fpAnimswapImgFP13" dynamicanimation="fpAnimswapImgFP13" lowsrc="images/search_on.gif" width="143" height="14"></a><br>
    <a onmouseover="document['fpAnimswapImgFP14'].imgRolln=document['fpAnimswapImgFP14'].src;document['fpAnimswapImgFP14'].src=document['fpAnimswapImgFP14'].lowsrc;" onmouseout="document['fpAnimswapImgFP14'].src=document['fpAnimswapImgFP14'].imgRolln" href="index.php?s=$session[sessionhash]">
    <img border="0" src="images/home_off.gif" id="fpAnimswapImgFP14" name="fpAnimswapImgFP14" dynamicanimation="fpAnimswapImgFP14" lowsrc="images/home_on.gif" width="143" height="14"></a></td>
  </tr>
</table>
  </center>
</div>

<!-- /logo and buttons -->

<!-- content table -->
<table bgcolor="{pagebgcolor}" width="{tablewidth}" cellpadding="10" cellspacing="0" border="0">
<tr>
  <td> 

[TECK]

the black space is due to a missed TD. check your html code.

[Semperfidelis]

Ok
After the help already given plus that from that Nakkid, I am no closer to getting this one fixed.
(thanks to everyone for the assistance)

Can someone please show me what part of my code above needs to be modified / corrected to fix it ?

[DirectPixel]

To fix this problem, you will need a few basic HTML skills.

The problem that you're having is that you have one table cell less than what you should have, so when the user maximizes the screen, something is missing.

The above instructions are telling you to insert a table cell in the space where it's missing.