Solved

Table Trouble

Posted on 2006-11-17
13
229 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
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

 
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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
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 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…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

719 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