Solved

Table Trouble

Posted on 2006-11-17
13
218 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
  • 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
Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

 
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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
CSS: Element name is not scoping properly 4 75
How to get statistic's from a competitors website?! 1 103
Grunt No Clean Targets 6 148
Download a website to hdd 2 65
When you work with shopping cart / ecommerce relates web sites, you need to pass the certain form post details to the payment gateway process page with required details for the products items you give to order. Also you may need to track the ordered…
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL (http://www.experts-exchange.com/articles/201/Handling-Date-and-Time-in-PHP-and-MySQL.html) several years ago, it seemed like now was a good time to updat…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
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…

813 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now