2 hours and I can't work out this simple problem!

Hey,

This is really annoying me, over 2 hours and I don’t see what the problem is.

I am simply trying to get a background working on a navigation on my site, I have the exact same code on another site which is working, but it just won’t work on this site.

The image is there and I checked it, but it simply won’t do the background.

I really hope someone can help!

This is the header HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   {* Document/Browser title *}
<title>{if empty ($tdescription)}{if empty ($TITLE)}{$smarty.const.DIRECTORY_TITLE|escape|trim}{/if}{$smarty.capture.title|strip|trim}{/if} {$tdescription} </title>
  {* Document character set *}
   <meta http-equiv="Content-Type" content="text/html; charset={$smarty.const.CHARSET}" />

   {* CSS Style file *}
   <link rel="stylesheet" type="text/css" href="{$smarty.const.DOC_ROOT}/templates/{$smarty.const.USE_TEMPLATE}/style/main.css" />

   {* Custom META tags *}
   {if $smarty.const.ENABLE_META_TAGS}
      {if !empty($MetaKeywords)}
         <meta name="keywords" content="{$MetaKeywords|strip|escape|trim}" />
      {/if}
      {if !empty($MetaDescription)}
         <meta name="description" content="{$MetaDescription|strip|escape|trim}" />
      {/if}
      {if !empty($MetaAuthor)}
         <meta name="author" content="{$MetaAuthor|strip|escape|trim}" />
      {/if}
      {if !empty($MetaCopyright)}
         <meta name="copyright" content="{$MetaCopyright|strip|escape|trim}" />
      {/if}
      {if !empty($MetaRobots)}
         <meta name="robots" content="{$MetaRobots|strip|escape|trim}" />
      {/if}
   {/if}

   {* Please keep this line for better version tracking *}
   <meta name="generator" content="PHP Link Directory {$smarty.const.CURRENT_VERSION}" />

   {* Live Bookmarks *}
   {if $smarty.const.ENABLE_RSS and (!empty($search) or $category.ID gt 0 or $list) and count($links) gt 0}
      <link rel="alternate" type="application/rss+xml" title="{$in_page_title|escape|trim}" href="{$smarty.const.SITE_URL}/rss.php?{if !empty($search)}search={$search|@urlencode}{elseif $p > 1}p={$p}{elseif $list}list={$list}{else}c={$category.ID}{/if}" />
   {/if}

   {* JavaScript libraries *}


   {if $load_Javascript }
      {* SmartyFormtool for manipulating forms with JavaScript *}
      <script type="text/javascript" src="{$smarty.const.DOC_ROOT}/javascripts/formtool/formtool.js"></script>
      <script type="text/javascript" src="{$smarty.const.DOC_ROOT}/javascripts/prototype/prototype.js"></script>
      <script type="text/javascript" src="{$smarty.const.DOC_ROOT}/javascripts/scriptaculous/scriptaculous.js"></script>

      <script type="text/javascript" src="{$smarty.const.DOC_ROOT}/javascripts/jquery.js"></script>

       <script type="text/javascript">
         {literal}jQuery.noConflict();{/literal}
       </script>

      {* AJAX category selection library *}

      <script type="text/javascript" src="{$smarty.const.DOC_ROOT}/javascripts/thickbox/thickbox.js"></script>
      <link rel="stylesheet" href="{$smarty.const.DOC_ROOT}/javascripts/thickbox/ThickBox.css" type="text/css" media="screen" />

     <script type="text/javascript" src="{$smarty.const.DOC_ROOT}/javascripts/categ_selection/categ_selection.js"></script>
      {* TinyMCE text editor *}
   	  <script type="text/javascript" src="{$smarty.const.DOC_ROOT}/javascripts/tiny_mce/tiny_mce.js"></script>	
      {* Darius Tumas ajax link editor scripts *}
      {if !empty($uLevel)}
      {if $load_mce == 'true'}
      <script type="text/javascript" src="{$smarty.const.DOC_ROOT}/javascripts/tiny_mce/tiny_mce.js"></script>
      {/if}
      {/if}
   {/if}

</head>
{if  $scriptname == "detail" & !empty($ADDRESS)}
<body onload="load()" onunload="GUnload()">
{else}<body>{/if}

{* Error and confirmation messages *}
{include file="../$core_templates/messages.tpl"}

{if $inplace_arterror neq ''}
<script type="text/javascript">
{literal}
   jQuery(function($) { /* some code that uses $ */
   $(document).ready(function(){ tb_show("Edit Article", "{/literal}{$smarty.const.DOC_ROOT}{literal}/inplace_editart.php?ID={/literal}{$smarty.session.editart.ID}{literal}&mode=edit&KeepThis=true&TB_iframe=true&height=400&width=600", "group"); });
   });
{/literal}
</script>
{/if}

{if $inplace_linkerror neq ''}
<script type="text/javascript">
{literal}
   jQuery(function($) { /* some code that uses $ */
   $(document).ready(function(){ tb_show("Edit Link", "{/literal}{$smarty.const.DOC_ROOT}{literal}/inplace_editlink.php?ID={/literal}{$smarty.session.editlink.ID}{literal}&mode=edit&KeepThis=true&TB_iframe=true&height=400&width=600", "group"); });
   });
{/literal}
</script>
{/if}
{if $inplace_caterror neq ''}
<script type="text/javascript">
{literal}
   jQuery(function($) { /* some code that uses $ */
   $(document).ready(function(){ tb_show("Edit Category", "{/literal}{$smarty.const.DOC_ROOT}{literal}/inplace_editcat.php?ID={/literal}{$smarty.session.editcat.ID}{literal}&mode=edit&KeepThis=true&TB_iframe=true&height=400&width=600", "group"); });
   });
{/literal}
</script>
{/if}

{if $inplace_pageerror neq ''}
<script type="text/javascript">
{literal}
   jQuery(function($) { /* some code that uses $ */
   $(document).ready(function(){ tb_show("Edit Page", "{/literal}{$smarty.const.DOC_ROOT}{literal}/inplace_editpage.php?ID={/literal}{$smarty.session.editpage.ID}{literal}&mode=edit&KeepThis=true&TB_iframe=true&height=400&width=600", "group"); });
   });
{/literal}
</script>
{/if}

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" class="bgimage">
  <tr>
    <td align="left" valign="top"><img src="/images/misc/travelheader-3.jpg" background-repeat: repeat-x; height="117" border="0" alt="International Chat Forum Directory"/></a></td>
    <td align="right" valign="bottom"><img src="/images/misc/travelheader-4.jpg" alt="International Chat Forum Directory" height="117" /></td>
  </tr>
</table>
<table background="http://www.internationalchatforum.com/images/styles/sunrise/misc/nav.png" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
    <tr background="/images/styles/sunrise/misc/nav.png" align="center">
      <td><a href="/">Homepage</a></td>
      <td><a href="/forum.php">Forum</a></td>
      <td><a href="/canary_island_photos">Photo Gallery</a></td>
      <td><a href="/forumdisplay.php?f=5">Reviews</a></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td></td></td>
    </tr>
  </table>
</tr>

Is there something wrong here?
I changed the image to the full url instead of going from the folder root.

Driving me crazy for such a simple thing!

Had to go peek at your site to see for myself what you were talking about.

This css is being applied to your td cells, which covers up your table background image.

.vbmenu_control
{
background: #FFFFFF;
color: #000000;
font: bold 11px tahoma, verdana, geneva, lucida, ‘lucida grande’, arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}

Thanks for the reply Dave!

vbmenu_control is coming from vBulletin, which is on the main site.

I don’t know where that is being called for the directory…
Can I over-ride that any way?

I am using the exact same code on another site and it is working there, not sure why it isn’t working here.

Thanks again Dave

I can’t see what the issue is, but that code Dave posted above is in the <head> of your pages. You can override any of those styles by placing something more specific in your main style sheet.

I don’t get this at all, the directory (ALL files and the database) are a replicate of another site I have on the same server, I don’t get where this is coming from…

I will have a look at some templates but this is the header template so shouldn’t include anything else.

As I say, I’m not clear on what’s going wrong. What are you expecting to see on the site?

Hey Ralph,

The header menu should have a white background and image, just like on the main page:

http://www.internationalchatforum.com

Oh, crap! I musunderstood what you were looking for…I thought you wanted the full image background…sorry <sigh>

To get that, you just need to place the class on the td elements (<td class=“menu_control”>). The class isn’t being applied to the td, which is where the white background color is applied.