?
Solved

Table Trouble

Posted on 2006-11-17
13
Medium Priority
?
233 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 672 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 664 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 664 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

Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Question has a verified solution.

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

What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

752 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