Solved

Table Trouble

Posted on 2006-11-17
13
223 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
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 
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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Most of the sites are being standardized with W3C Web Standards. W3C provides lot of web standard services to the web. They have the web specification, process and documentation for all the web standards. You can apply HTML, CSS and Accessibility st…
Preface This article introduces an authentication and authorization system for a website.  It is understood by the author and the project contributors that there is no such thing as a "one size fits all" system.  That being said, there is a certa…
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 receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

860 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