BG img doesn't auto-repeat in Joomla template CSS! (SOLVED)

Discuss the development and implementation of Joomla! 1.0.x templates here.
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
-ReMeDy-
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Thu Feb 09, 2012 6:05 am

BG img doesn't auto-repeat in Joomla template CSS! (SOLVED)

Postby -ReMeDy- » Thu Mar 15, 2012 7:07 am

My website's HTML and CSS works fine outside of Joomla:
http://www.designjetpartsfast.com

But when I translated it into a template format for Joomla, it looks like this:
http://www.davidjscott.com/misc/designj ... otWork.jpg

I know it found the CSS file correctly, otherwise the layout would be extremely messed up. I can also see the image file of my background was found, but it only displayed the image once! I need it repeated, as specified in my CSS file.

Here's the template php code:

Code: Select all

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
   initEditor();
}
$collspan_offset = ( mosCountModules( 'right' ) + mosCountModules( 'user2' ) ) ? 2 : 1;
//script to determine which div setup for layout to use based on module configuration
$user1 = 0;
$user2 = 0;
$colspan = 0;
$right = 0;
// banner combos

//user1 combos
if ( mosCountModules( 'user1' ) + mosCountModules( 'user2' ) == 2) {
   $user1 = 2;
   $user2 = 2;
   $colspan = 3;
} elseif ( mosCountModules( 'user1' ) == 1 ) {
   $user1 = 1;
   $colspan = 1;
} elseif ( mosCountModules( 'user2' ) == 1 ) {
   $user2 = 1;
   $colspan = 1;
}

//right based combos
if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
   $right = 1;
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<script language="JavaScript" type="text/javascript">
   <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
  </script>
<link href="<?php echo $GLOBALS['mosConfig_live_site'];?>/templates/davidsTemplate/css/template_css.css" rel="stylesheet" type="text/css"/>
<link href="templates/davidsTemplate/css/template_css.css" rel="stylesheet" type="text/css"/>
<link href="davidsTemplate/css/template_css.css" rel="stylesheet" type="text/css"/>
<link href="template_css.css" rel="stylesheet" type="text/css"/>
</head>


<body>

<!--HEADER LOGO-->
<div id="headerLogoContainer">

<div id="loginRegisterCart">
    <a href="http://designjetpartsfast.com/component/option,com_virtuemart/page,shop.registration/Itemid,39/">Sign In / Register</a> | <a href="http://designjetpartsfast.com/component/page,shop.cart/option,com_virtuemart/Itemid,41/"><img src="images/cart.gif" alt="cart icon">&nbsp;Cart</a>
</div>
   
<div id="headerLogo">
   <img src="images/headerLogo.jpg" alt="DesignJet parts banner">
</div>

</div>


<!--Links-->
<div id="topLinks">
<div class="centerMe">
   <a class="moveMeRight" href="index.htm">Home</a>
   
   <a class="moveMeRight" href="askTom.htm">Ask Tom</a>
   
    <a class="moveMeRight" href="http://designjetpartsfast.com/component/option,com_simplefaq/Itemid,30/">FAQs</a>
   
    <a class="moveMeRight" href="http://designjetpartsfast.com/content/view/13/34/.htm">Terms &amp; Conditions</a>
   
    <a href="http://www.[youtube].com/user/FixYourDesignJet#p/u/0/bbD_DWxceXc">[youtube] Channel</a>
</div>
</div>


<div id ="bodyContent">

<img src="images/bodyBG.gif" alt="body image background">
<div id ="bodyContent_leftColumnParts">
   <img src="images/shop_DesignJetParts.gif" alt="Shop Design Jet Parts">
    <table>
    <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,10/option,com_virtuemart/Itemid,1/">DesignJet 100 Series</a></td></tr>
    <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,14/option,com_virtuemart/Itemid,1/">DesignJet 400 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,15/option,com_virtuemart/Itemid,1/">DesignJet 500 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,16/option,com_virtuemart/Itemid,1/">DesignJet 600 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,17/option,com_virtuemart/Itemid,1/">DesignJet 700 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,18/option,com_virtuemart/Itemid,1/">DesignJet 800 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,19/option,com_virtuemart/Itemid,1/">DesignJet 1000 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,21/option,com_virtuemart/Itemid,1/">DesignJet 5000 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,22/option,com_virtuemart/Itemid,1/">DesignJet 5500 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,25/option,com_virtuemart/Itemid,1/">DesignJet CP Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,27/option,com_virtuemart/Itemid,1/">DesignJet T Series</a></td></tr>
   <tr><td class="noBottomBorder"><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,28/option,com_virtuemart/Itemid,1/">DesignJet Z Series</a></td></tr>
    </table>
</div>



<div id="bodyContent_tomContent"> 
<jdoc:include type="component" />
            <br /><br /><br />
</div>

</div>


<div id="footer">
      <div class="centerMe">8331 Waterswolde Lane  &nbsp;&nbsp;•&nbsp;&nbsp;  Fort Wayne, IN 46825 (260) 348-5653   &nbsp;&nbsp;•&nbsp;&nbsp;  Copyright © 2012   &nbsp;&nbsp;•&nbsp;&nbsp;   HP DesignJet Parts FAST!</div>
</div>

</body>
</html>


Anyone have any idea what got lost in translation from HTML to php template that would cause my CSS file to not auto-repeat a background image?
Last edited by -ReMeDy- on Sat Mar 17, 2012 9:19 pm, edited 2 times in total.

User avatar
Bjorg
Joomla! Ace
Joomla! Ace
Posts: 1557
Joined: Tue Jul 07, 2009 4:45 am

Re: background img doesn't auto-repeat in Joomla template CS

Postby Bjorg » Thu Mar 15, 2012 4:30 pm

Looked at the current web site from the provided URL, but would have prefered a URL as well for the second (e.g., from a test URL) as the image is fine, but does not allow much in the way of technical help due to the nature of the request.

Without a test URL, here are some things from the Joomla! doc's that may or may not be of interest:

Finding module positions on any given page (am not sure if these work with 1.0 as only 1.6 & 1.7 are given directly):
http://docs.joomla.org/Finding_module_p ... given_page

Creating a basic templateDetails.xml file:
http://docs.joomla.org/Creating_a_basic ... s.xml_file

Template FAQs:
http://docs.joomla.org/Template_FAQs

Which template is used in the image file please, is it a default Joomla! template from initial installation?

Hope this helps!

-ReMeDy-
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Thu Feb 09, 2012 6:05 am

Re: background img doesn't auto-repeat in Joomla template CS

Postby -ReMeDy- » Thu Mar 15, 2012 11:57 pm

It's my own custom template. I'm attempting to replicate some of the code from the "PSU_Store" template (I'm not sure if that's default or not -- it's my client's Joomla) in hopes it will behave better.

Here's the PSU_Store template I'm using as a reference:
http://designjetpartsfast.com/component ... mid,3/.htm

And here's the code for the page belonging to the image file:

Code: Select all

<?xml version="1.0" encoding="iso-8859-1"?><!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>
<title>HP DesignJet Parts FAST! - Contact</title>
<meta name="description" content="&lt;meta name=\\\&quot;description\\\&quot; content=\\\&quot;Our exclusive focus on HP DesignJet Plotters has helped us accumulate a large inventory of parts ready to ship FAST!\\\&quot;&gt;" />
<meta name="keywords" content="&lt;meta name=\\\&quot;keywords\\\&quot; content=\\\&quot;designjet, 'designjet 800ps', carriage, 'trailing cable', 'electronics module', 'formatter board', 'designjet belt', 'GL/2 Card', C7769-60260, C7769-60260, C7769-60441, C7769-69300, C7769-69441, C7779-60272, C7779-69272, CH336-67001, CH336-80001, C7779-69263, C6075-69280\\\&quot;&gt;" />
<meta name="Generator" content="Joomla! - Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved." />
<meta name="robots" content="index, follow" />
<base href="http://designjetpartsfast.com/" />
      <script src="http://designjetpartsfast.com/includes/js/joomla.javascript.js" type="text/javascript"></script>
         <link rel="shortcut icon" href="http://designjetpartsfast.com/images/favicon.ico" />
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script language="JavaScript" type="text/javascript">
   <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
  </script>
<link href="http://designjetpartsfast.com/templates/davidsTemplate/css/template_css.css" rel="stylesheet" type="text/css"/>
<link href="templates/davidsTemplate/css/template_css.css" rel="stylesheet" type="text/css"/>
<link href="davidsTemplate/css/template_css.css" rel="stylesheet" type="text/css"/>
<link href="template_css.css" rel="stylesheet" type="text/css"/>
</head>


<body>

<!--HEADER LOGO-->
<div id="headerLogoContainer">

<div id="loginRegisterCart">
    <a href="http://designjetpartsfast.com/component/option,com_virtuemart/page,shop.registration/Itemid,39/">Sign In / Register</a> | <a href="http://designjetpartsfast.com/component/page,shop.cart/option,com_virtuemart/Itemid,41/"><img src="images/cart.gif" alt="cart icon">&nbsp;Cart</a>

</div>
   
<div id="headerLogo">
   <img src="images/headerLogo.jpg" alt="DesignJet parts banner">
</div>

</div>


<!--Links-->
<div id="topLinks">
<div class="centerMe">
   <a class="moveMeRight" href="index.htm">Home</a>
   
   <a class="moveMeRight" href="askTom.htm">Ask Tom</a>

   
    <a class="moveMeRight" href="http://designjetpartsfast.com/component/option,com_simplefaq/Itemid,30/">FAQs</a>
   
    <a class="moveMeRight" href="http://designjetpartsfast.com/content/view/13/34/.htm">Terms &amp; Conditions</a>
   
    <a href="http://www.[youtube].com/user/FixYourDesignJet#p/u/0/bbD_DWxceXc">[youtube] Channel</a>
</div>
</div>


<div id ="bodyContent">

<img src="http://designjetpartsfast.com/templates/davidsTemplate/images/bodyBG.gif">
<div id ="bodyContent_leftColumnParts">
   <img src="images/shop_DesignJetParts.gif" alt="Shop Design Jet Parts">
    <table>
    <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,10/option,com_virtuemart/Itemid,1/">DesignJet 100 Series</a></td></tr>
    <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,14/option,com_virtuemart/Itemid,1/">DesignJet 400 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,15/option,com_virtuemart/Itemid,1/">DesignJet 500 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,16/option,com_virtuemart/Itemid,1/">DesignJet 600 Series</a></td></tr>

   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,17/option,com_virtuemart/Itemid,1/">DesignJet 700 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,18/option,com_virtuemart/Itemid,1/">DesignJet 800 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,19/option,com_virtuemart/Itemid,1/">DesignJet 1000 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,21/option,com_virtuemart/Itemid,1/">DesignJet 5000 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,22/option,com_virtuemart/Itemid,1/">DesignJet 5500 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,25/option,com_virtuemart/Itemid,1/">DesignJet CP Series</a></td></tr>

   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,27/option,com_virtuemart/Itemid,1/">DesignJet T Series</a></td></tr>
   <tr><td class="noBottomBorder"><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,28/option,com_virtuemart/Itemid,1/">DesignJet Z Series</a></td></tr>
    </table>
</div>



<div id="bodyContent_tomContent"> 
<jdoc:include type="component" />
            <br /><br /><br />
</div>

</div>


<div id="footer">
      <div class="centerMe">8331 Waterswolde Lane  &nbsp;&nbsp;•&nbsp;&nbsp;  Fort Wayne, IN 46825 (260) 348-5653   &nbsp;&nbsp;•&nbsp;&nbsp;  Copyright © 2012   &nbsp;&nbsp;•&nbsp;&nbsp;   HP DesignJet Parts FAST!</div>

</div>


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-15820140-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html><!-- 1331855707 -->


Sorry I can't link the page directly, since it's a work-in-progress and I'm borrowing my client's domain space. He wouldn't want something up that's broken.

I'll try fiddling around with things in the meantime.

User avatar
Bjorg
Joomla! Ace
Joomla! Ace
Posts: 1557
Joined: Tue Jul 07, 2009 4:45 am

Re: background img doesn't auto-repeat in Joomla template CS

Postby Bjorg » Fri Mar 16, 2012 3:20 am

Understandable, then it is not a Joomla! template, it is a non-Joomla! template.

Perhaps utilizing a basic default Joomla! template within an editor capable of line numbers, along with a locking side by side comparison would greatly assist in this endeavor? From a random search: http://www.freediff.com/

Hope this helps!

-ReMeDy-
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Thu Feb 09, 2012 6:05 am

Re: background img doesn't auto-repeat in Joomla template CS

Postby -ReMeDy- » Sat Mar 17, 2012 9:08 pm

Awesome, I figured it out! Apparently Joomla has a hard time understanding backgrounds read from a CSS file, so instead, I used <table border=0 background="images/bodyBG2.gif">

So now with all the content added and the working BG, it looks like this:

Code: Select all

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
   initEditor();
}
$collspan_offset = ( mosCountModules( 'right' ) + mosCountModules( 'user2' ) ) ? 2 : 1;
//script to determine which div setup for layout to use based on module configuration
$user1 = 0;
$user2 = 0;
$colspan = 0;
$right = 0;
// banner combos

//user1 combos
if ( mosCountModules( 'user1' ) + mosCountModules( 'user2' ) == 2) {
   $user1 = 2;
   $user2 = 2;
   $colspan = 3;
} elseif ( mosCountModules( 'user1' ) == 1 ) {
   $user1 = 1;
   $colspan = 1;
} elseif ( mosCountModules( 'user2' ) == 1 ) {
   $user2 = 1;
   $colspan = 1;
}

//right based combos
if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
   $right = 1;
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<script language="JavaScript" type="text/javascript">
   <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
  </script>
<link href="<?php echo $GLOBALS['mosConfig_live_site'];?>/templates/davidsTemplate/template_css.css" rel="stylesheet" type="text/css"/>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META HTTP-EQUIV="Expires" CONTENT="Tue, 04 Dec 1993 21:29:02 GMT">
<meta name="description" content="&lt;meta name=\\\&quot;description\\\&quot; content=\\\&quot;Our exclusive focus on HP DesignJet Plotters has helped us accumulate a large inventory of parts ready to ship FAST!\\\&quot;&gt;" />
<meta name="keywords" content="&lt;meta name=\\\&quot;keywords\\\&quot; content=\\\&quot;designjet, 'designjet 800ps', carriage, 'trailing cable', 'electronics module', 'formatter board', 'designjet belt', 'GL/2 Card', C7769-60260, C7769-60260, C7769-60441, C7769-69300, C7769-69441, C7779-60272, C7779-69272, CH336-67001, CH336-80001, C7779-69263, C6075-69280\\\&quot;&gt;" />

</head>


<body>

<!--HEADER LOGO-->
<div id="headerLogoContainer">

<div id="loginRegisterCart">
    <a href="http://designjetpartsfast.com/component/option,com_virtuemart/page,shop.registration/Itemid,39/">Sign In / Register</a> | <a href="http://designjetpartsfast.com/component/page,shop.cart/option,com_virtuemart/Itemid,41/"><img src="images/cart.gif" alt="cart icon">&nbsp;Cart</a>
</div>
   
<div id="headerLogo">
   <img src="images/headerLogo.jpg" alt="DesignJet parts banner">
</div>

</div>


<!--Links-->
<div id="topLinks">
<div class="centerMe">
   <a class="moveMeRight" href="index.htm">Home</a>
   
   <a class="moveMeRight" href="http://designjetpartsfast.com/component/option,com_contact/Itemid,3/">Ask Tom</a>
   
    <a class="moveMeRight" href="http://designjetpartsfast.com/component/option,com_simplefaq/Itemid,30/">FAQs</a>
   
    <a class="moveMeRight" href="http://designjetpartsfast.com/content/view/13/34/">Terms &amp; Conditions</a>
   
    <a href="http://www.[youtube].com/user/FixYourDesignJet#p/u/0/bbD_DWxceXc">[youtube] Channel</a>
</div>
</div>


<div id ="bodyContent">

<img src="images/bodyBG.gif" alt="body image background">
<div id ="bodyContent_leftColumnParts">
   <img src="images/shop_DesignJetParts.gif" alt="Shop Design Jet Parts">
    <table>
    <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,10/option,com_virtuemart/Itemid,1/">DesignJet 100 Series</a></td></tr>
    <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,14/option,com_virtuemart/Itemid,1/">DesignJet 400 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,15/option,com_virtuemart/Itemid,1/">DesignJet 500 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,16/option,com_virtuemart/Itemid,1/">DesignJet 600 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,17/option,com_virtuemart/Itemid,1/">DesignJet 700 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,18/option,com_virtuemart/Itemid,1/">DesignJet 800 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,19/option,com_virtuemart/Itemid,1/">DesignJet 1000 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,21/option,com_virtuemart/Itemid,1/">DesignJet 5000 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,22/option,com_virtuemart/Itemid,1/">DesignJet 5500 Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,25/option,com_virtuemart/Itemid,1/">DesignJet CP Series</a></td></tr>
   <tr><td><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,27/option,com_virtuemart/Itemid,1/">DesignJet T Series</a></td></tr>
   <tr><td class="noBottomBorder"><a href="http://designjetpartsfast.com/component/page,shop.browse/category_id,28/option,com_virtuemart/Itemid,1/">DesignJet Z Series</a></td></tr>
    </table>
    <br />
    <br />
    <br />
</div>



<div id="bodyContent_tomContent"> 
<table border=0 background="images/bodyBG2.gif">
      <tr>
         
         <td>
            
                  <?php mosMainBody(); ?><br>
                  <center><?php if (mosLoadModules ('user5')) { ?><?php mosLoadModules ( 'user5' ); }?></center><br>
               
               
                  <?php mosLoadModules( 'banner', -1 ); ?>
               
            
         </td>
      </tr>
   </table>
</div>

</div>

<div id="footer" background=images/footerBG.gif>
      <div class="centerMe">8331 Waterswolde Lane  &nbsp;&nbsp;•&nbsp;&nbsp;  Fort Wayne, IN 46825 (260) 348-5653   &nbsp;&nbsp;•&nbsp;&nbsp;  Copyright © 2012   &nbsp;&nbsp;•&nbsp;&nbsp;   HP DesignJet Parts FAST!</div>
</div>


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-15820140-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>


Joomla was then able to interpret the BG, and using CSS, it understood it needed to repeat the BG. Feels like a pain in the butt, but oh well, at least it works now.

User avatar
Bjorg
Joomla! Ace
Joomla! Ace
Posts: 1557
Joined: Tue Jul 07, 2009 4:45 am

Re: BG img doesn't auto-repeat in Joomla template CSS! (SOLV

Postby Bjorg » Sun Mar 18, 2012 4:25 am

Glad it worked!

PS: Does it work in all web browsers though to include text only?

-ReMeDy-
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Thu Feb 09, 2012 6:05 am

Re: BG img doesn't auto-repeat in Joomla template CSS! (SOLV

Postby -ReMeDy- » Mon Mar 19, 2012 8:30 am

Not sure what you mean about text only, but I tried it in IE 6 and multiple Firefox versions, and it came out great.

Also, the site itself is up with the new template, if you want to test it.
http://www.designjetpartsfast.com


Return to “Templates & CSS - 1.0.x”

Who is online

Users browsing this forum: No registered users and 6 guests