background image problem

Isaac · #1 Jul 27th, 2008, 19:11

Hey there.... I am not a web designer by any means and I am new to this forum... I am basically looking to fix a stupid problem with my business website.

site: www.iproductionsonline.com

The problem is all my content pages wont display the background image in Explorer but look fine in Firefox or Safari.... I have been told that it could be a problem with using tables to lay out the pages. I don't know how to work any other way. Here is the code from one of the pages:

HTML: Select all

 <body>
<table width="600" border="0" align="center">
  <tr>
    <td align="left" valign="bottom"><img src="navgear.jpg" width="427" height="31" border="0" usemap="#Map2"></td>
    <td align="left" valign="top"><img src="hometopright.jpg" width="477" height="204" border="0" usemap="#Map"></td>
  </tr>
  <tr align="left" valign="top" bgcolor="#000000" background= "gearbg.jpg">
        <td height="942" colspan="2"><table width="459" border="0">
      <tr>
        <td width="390" height="282" align="left" valign="top" class="unnamed1"><p>One of the major things I like to pride my company on is the manufacturing of our large camera rigs. Most impressive of which is our 25 foot camera crane. </p>
          <p>This Rig is versatile, easy to use, and can be modified to fit any situation or camera style. The crane can even come apart to reduce it's length in tight indoor  locations. </p>
          <p>The gear-reduced cable driven head can pan and tilt over 180 degrees on both axis. The head is also adjustable for fine tuned balancing. </p>          </td>
        <td width="59">&nbsp;</td>

thesquareone · #2 Jul 28th, 2008, 00:22

Issac private message me i may be able to fix your site all in css

thesquareone · #3 Jul 28th, 2008, 00:36

or alternativly do this
where you have

HTML: Select all

 <table width="600" border="0" align="center">
  <tr>
    <td align="left" valign="bottom"><img src="navbio.jpg" width="427" height="31" border="0" usemap="#Map2"></td>
    <td align="left" valign="top"><img src="hometopright.jpg" width="477" height="204" border="0" usemap="#Map"></td>
  </tr>
  <tr align="left" valign="top" background="contentbg.jpg">
    <td height="280" colspan="2"><table width="872" border="0">
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2"><p class="style1">i. Productions is a free lance video production and equipment rental company based in Ontario Canada, owned and operated by Isaac Elliott-Fisher. </p>
          <p class="style1">As an enthusiastic and experienced freelance camera operator and Director of Photography, I am certain my skills and personable attitude will be an asset to your crew. Moreover, my multifaceted knowledge base extends far beyond the camera. </p>
          <p class="style1"> In addition to my well developed lighting and shooting skills, I have experience directing, producing, working in sound, set construction, film equipment manufacturing, as well as many other applicable skills in the technical world. Most importantly I am always ready to learn and I love working with people. </p></td>
        </tr>
      <tr>
        <td width="400" align="right" valign="top"><img src="IsaacDrain.jpg" width="413" height="239"></td>
        <td width="462" align="left" valign="top"><img src="isaac.jpg" width="413" height="228"></td>
      </tr>
    </table>      
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>

replace with

HTML: Select all

 </table>
<table width="600" border="0" align="center">
  <tr>
    <td align="left" valign="bottom"><img src="navbio.jpg" width="427" height="31" border="0" usemap="#Map2"></td>
    <td align="left" valign="top"><img src="hometopright.jpg" width="477" height="204" border="0" usemap="#Map"></td>

  </tr>
  <tr align="left" valign="top">
    <td height="280" colspan="2"><table width="872" border="0">
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" background="contentbg.jpg"><p class="style1">i. Productions is a free lance video production and equipment rental company based in Ontario Canada, owned and operated by Isaac Elliott-Fisher. </p>

          <p class="style1">As an enthusiastic and experienced freelance camera operator and Director of Photography, I am certain my skills and personable attitude will be an asset to your crew. Moreover, my multifaceted knowledge base extends far beyond the camera. </p>
          <p class="style1"> In addition to my well developed lighting and shooting skills, I have experience directing, producing, working in sound, set construction, film equipment manufacturing, as well as many other applicable skills in the technical world. Most importantly I am always ready to learn and I love working with people. </p></td>
        </tr>
      <tr>

the only thing i did was move your background image to a different position to make it show in both browers, hope this helps you

thesquareone · #4 Jul 28th, 2008, 00:40

this was a quick by the way so your site still sadly wont be web compliant as i havent looked in to your table structure, but dont worry abotu that ! at least your image will show as you want in both browsers, ie and the far superior firefox !!.

Pugwash · #5 Jul 31st, 2008, 20:36

Hi Isaac...

Your business looks very interesting and exciting - great pictures on your website.

Had a look at your problem and tidied up your code... you can see the result in the help section of my website: www.pcmagic.org.uk
There's a small [help] box (red text in a green rectangle) just below the Firefox icon on the Left.

- so it is possible to have text over a picture background - even if you use tables!!!

To make your text stand out, I faded the background picture... it is very easy to lose the text in the background... so you may need to increase the size of the text too.

You'll find HTML much easier if you remember to "nest" your tags...

(and you must remember to close tags..)

eg.
<table>
<tr>
<td>
ENTER CONTENT HERE...
BUT NOW CLOSE THOSE TAGS...
</td>
</tr>
</table>

Enjoy the challenge - it can be great fun!

Pugwash

moojoo · #6 Jul 31st, 2008, 20:51

Its possible with tables, just not recommended =). I know I am a meany face.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
background-image rollover problem ie6	ukstoner	Web Page Design	6	Apr 9th, 2008 15:00
[SOLVED] div background image problem in ie	Rincewind	Web Page Design	7	Nov 30th, 2007 10:30
Problem with my footer background image in IE	dthomas31uk	Web Page Design	3	Jul 1st, 2007 13:49
Background Image Problem - Challenge!	lgmgroup	Web Page Design	2	Jan 23rd, 2007 17:09
problem with iframe background image in IE	dudeman	Web Page Design	1	Apr 19th, 2006 02:13

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
background image problem