Solved

Table Trouble

Posted on 2006-11-17
13
227 Views
Last Modified: 2010-04-06
I am having trouble with a table in my site which refuses to be the same color as the rest of the site
Here is the url: https://optimumit.mainframe.com.au/register/check_domain.php

I am only aloud to upload a header and footer to this site

Header:

<!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>Optimum IT and Web Design - Optimising Your  Online Future</title>
<link rel="stylesheet" href="http://www.optimumit.net.au/site_style.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://www.optimumit.net.au/menu.css" />

<script type="text/javascript" src="http://www.optimumit.net.au/menu.js">


</script>
<style type="text/css">
<!--
body {
      background-color: #f2f7f9;
}

.style5 {font-size: 10px}
-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0">
  <tr>
    <td height="81" bgcolor="F2F7F9" id="Header">&nbsp;&nbsp;OPTIMUM IT AND WEB DESIGN <span class="tagline">| Optimising Your Online Future </span></td>
  </tr>
  <tr>
    <td bgcolor="#f04f11"height="4"></td>
  </tr>
  <tr>

   
<td height="18" bgcolor="F2F7F9">
<table border="0" cellpadding="0" cellspacing="0" id="Navigation">
        <tr>
          <td ><a href="http://www.optimumit.net.au/index.html">HOME </a></td>
 <td ><a href="http://www.optimumit.net.au/about.html">ABOUT US </a></td>            
 <td ><a href="http://www.optimumit.net.au/design.html">WEB DESIGN </a></td>
 <td ><a href="http://www.optimumit.net.au/domains.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'domain_menu')">DOMAIN NAMES</a>                                            
<div id="domain_menu" class="anylinkcss">
<a href="http://www.optimumit.net.au/domains.html">Price List</a>
<a href="http://www.optimumit.net.au/domains.html">Register New Domain</a>
<a href="https://optimumit.mainframe.com.au/register/transfer.php">Transfer Existing Domain</a>
<a href="https://optimumit.mainframe.com.au/manage/index.php">Manage Account</a>
</div></td>
 <td ><a href="http://www.optimumit.net.au/hosting.html">WEB HOSTING </a></td>
 <td ><a href="http://www.optimumit.net.au/links.html">LINKS </a></td>
<td ><a href="http://www.optimumit.net.au/contact.html">CONTACT US </a></td>
      </tr>
   </table>
</td>
  </tr>
  <tr>
    <td bgcolor="#f04f11" height="4"></td>
  </tr>
  <tr>
    <td height="360" valign="top" bgcolor="F2F7F9" id="Content"><p>&nbsp;</p>
      <table width="95%" border="0">
        <br>
      <h2>Domain Registration and Management </h2>
      <tr>
      <td width="76%" bgcolor="#f2f7f9">    


Footer:


             
             
              </td>
          <td width="24%" align="center" valign="top"><p>See Our Work : </p>
            <p><a href="http://www.motocentral.net.au" target="_blank"><img src="http://www.optimumit.net.au//images/motocentral.jpg" alt="Optimum IT Tasmanian web Design Business Designed WebSite For Local Business Moto Central" width="167" height="119" border="0" /></a></p>
            <p>Consulted:</p>
            <p><a href="http://www.grenville.com.au" target="_blank"><img src="http://www.optimumit.net.au//images/grenville.jpg" alt="Grenville Stud Tasmania" width="167" height="119" border="0" longdesc="http://www.grenville.com.au" /></a></p>
            <p>&nbsp;</p></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td height="4" bgcolor="#f04f11"></td>
  </tr>
    <tr>
    <td height="58" valign="top" bgcolor="F2F7F9" id="Content"><div align="center"><br>
      <table width="333" border="0">
        <tr>
          <td width="136"><img src="http://www.austdomains.com.au/partners/p6.gif" alt="Aust Domains"
width="136" height="36" border="0"></a></td>
          <td width="177"><p><strong>Launceston, Tasmania </strong><br>
            Phone: 0438543350 <br />
            Email: sales@optimumit.net.au </p></td>
          <td width="10">&nbsp;</td>
        </tr>
      </table>
      </div></td>
  </tr>
</table>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-430749-3";
urchinTracker();
</script>
</body>
</html>


IS there anyway to force the middle section to be the same color as the rest of the site?
0
Comment
Question by:Johnnasty
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
  • 2
  • +1
13 Comments
 
LVL 28

Accepted Solution

by:
gamebits earned 168 total points
ID: 17971176
Not if you don't have access to the script that display the middle section, your header stop here

<td width="76%" bgcolor="#f2f7f9">

this is what is displayed by the script check_domain.php

<form action="check_domain.php" method="post" name="Manage"><TABLE width="100%" border=0 cellspacing=0 cellpadding="4" name="" id="" align="center"><tr bgcolor="#FFFFFF"><td align="left" width="50%">You did not enter a domain to search for.</td></tr>

<tr bgcolor="#FFFFFF"><td align="center" colspan="1"> </td></tr>

you would have to change the <tr bgcolor="#FFFFFF"> to the appropriate color bu to do that you need access to the script check_domain.php

Gamebits
0
 
LVL 2

Expert Comment

by:omanca
ID: 17977605
yep,  like gamebits said.   if you don't have access to that part, yo cannot control it, which seems to be this part:

"You did not enter a domain to search for."

0
 
LVL 75

Assisted Solution

by:Michel Plungjan
Michel Plungjan earned 166 total points
ID: 17978804
1. change your header
<td width="76%" bgcolor="#f2f7f9">    
to
<td width="76%" bgcolor="#f2f7f9" id="myCell">    

add this to the head

<script>
function changeContent() {
      var rows = document.getElementById("myCell").getElementsByTagName('TR');
      for (var i=0;i<rows.length;i++) {
        rows[i].style.backgroundColor='#F2F7F9'
      }
}
</script>

and this to the body tag:
<body onLoad="changeContent()">

Michel
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 16

Assisted Solution

by:LeeKowalkowski
LeeKowalkowski earned 166 total points
ID: 18121524
Hello,

Change this:

body {
     background-color: #f2f7f9;
}

to this:

body, td {
    background-color: #f2f7f9;
}

.. I thank you.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 18121829
Did you try that Lee?
0
 
LVL 16

Expert Comment

by:LeeKowalkowski
ID: 18121927
Yes, why?
0
 
LVL 16

Expert Comment

by:LeeKowalkowski
ID: 18122046
I'm really paranoid now, just re-tested in IE, Firefox, Opera & Netscape, all working fine.  Is there a problem?

You're setting the background colour of the rows, which if your cells have a background colour, you will not see because there's no cell padding or spacing.  From what I can see, the generated content that the author is unable to control doesn't specify cell background colour at all.  Even after clicking the register links at the top of the page for results other than "You did not enter a domain....".
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 18125832
Cool
0
 
LVL 28

Expert Comment

by:gamebits
ID: 18249225
Your call.

Gamebits
0
 
LVL 16

Expert Comment

by:LeeKowalkowski
ID: 18249981
I think my solution is the easiest to maintain, as the background colour for the table and the rest of the site is defined only once.

mplungjan's script would be as maintainable if it removed the background colour instead of setting it.  I.e. style.backgroundColor = "".  Although a script would not run if unsupported or disabled, and the problem would recur (perhaps not a big deal), but if CSS was disabled, the site's background colour would probably still match the table's as the default would probably be white.

I see from the URL in the OP that the author has not yet applied any fix.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS HELP 6 103
CSS display:none AND display:block on same element 3 121
WCAG audit tools 1 122
Run a Radio Station (Streaming media) with web interface 10 84
Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

734 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question