SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Evangelist John D's Avatar
    Join Date
    Jun 2003
    Location
    Derry, Ireland
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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:

    Code:
    <!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!
    CanaryHotspot.com - Canary Island forum and information
    InternationalChatForum.com - International Travel Chat Forum and information

  2. #2
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,254
    Mentioned
    113 Post(s)
    Tagged
    1 Thread(s)
    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;
    }
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  3. #3
    SitePoint Evangelist John D's Avatar
    Join Date
    Jun 2003
    Location
    Derry, Ireland
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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
    CanaryHotspot.com - Canary Island forum and information
    InternationalChatForum.com - International Travel Chat Forum and information

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,114
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    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.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    SitePoint Evangelist John D's Avatar
    Join Date
    Jun 2003
    Location
    Derry, Ireland
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.



    Quote Originally Posted by ralph.m View Post
    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.
    CanaryHotspot.com - Canary Island forum and information
    InternationalChatForum.com - International Travel Chat Forum and information

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,114
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by John D View Post
    I don't get where this is coming from...
    As I say, I'm not clear on what's going wrong. What are you expecting to see on the site?
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  7. #7
    SitePoint Evangelist John D's Avatar
    Join Date
    Jun 2003
    Location
    Derry, Ireland
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    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
    CanaryHotspot.com - Canary Island forum and information
    InternationalChatForum.com - International Travel Chat Forum and information

  8. #8
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,254
    Mentioned
    113 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by John D View Post
    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.
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •