[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 206
  • Last Modified:

Bg displays different on IE and Firefox

I'm  creating a simple html on Dreamweaver 8. I used simple tables to add links name such as home, contact, etc..  and content. In the tables I used simple bg color changes, such as :bgcolor="0f2c4e" ,  one for the links, other for the content. However, when I test  my web on IE, it looks good. But when I test it on Firefox, it gets the content except this bk table changes. It just take the body bg for the whole page and ignores all individual tables bg colors changes. How can I fix this?  Also on the inside tables, I did the tables with a specific measure to the text is inside one cell and the other text inside another.  It looks good on the DW interface , but when I test it , it displays the text like in the middle of the table instead of the place I wanted it to.
Thanks
0
malury
Asked:
malury
  • 7
  • 4
1 Solution
 
firehazrdCommented:
Please post your HTML as an attached code snippet
0
 
maluryAuthor Commented:
On the table of the menu is like this:

<tr>
    <td height="38" colspan="2" bgcolor="0f2c4e"><table width="505" height="31" border="0">
      <tr>
        <th width="40" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="87" scope="col"><div align="left"><span class="style3">demos</span></div></th>
        <th width="30" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="87" scope="col"><div align="left"><span class="style3">about</span></div></th>
        <th width="30" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="87" scope="col"><div align="left"><span class="style3">contact</span></div></th>
        <th width="30" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="80" scope="col"><div align="left"><span class="style3">links</span></div></th>
      </tr>
    </table></td>
  </tr>

that bg color does not display on firefox bgcolor="0f2c4e

Thanks :)
0
 
maluryAuthor Commented:
On the table of the menu is like this:


   
     
       
        demos
       
        about
       
        contact
       
        links
     
   
 

that bg color does not display on firefox bgcolor="0f2c4e

Thanks :)
0
The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

 
firehazrdCommented:
try adding a # infront of the color hex
0
 
maluryAuthor Commented:
Sorry for the confusion, I'm new here I think I sent 2 messages the wrong way. The bg displayed in this table does not display in firefox. Do you need the code of the whole page? Let me know, Thanks :)
 <tr>
    <td height="38" colspan="2" bgcolor="0f2c4e"><table width="505" height="31" border="0">
      <tr>
        <th width="40" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="87" scope="col"><div align="left"><span class="style3">demos</span></div></th>
        <th width="30" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="87" scope="col"><div align="left"><span class="style3">about</span></div></th>
        <th width="30" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="87" scope="col"><div align="left"><span class="style3">contact</span></div></th>
        <th width="30" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="80" scope="col"><div align="left"><span class="style3">links</span></div></th>
      </tr>
    </table></td>
  </tr>

Open in new window

0
 
firehazrdCommented:
Yea include the whole page please, and try putting the # infront of the hex for the color.
0
 
maluryAuthor Commented:
Thanks :) Let me try that, in the meantime here is the page core :)
Thank you :)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Joel Marks Voice Over</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
a:link {
	color: dfb124;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	text-decoration: none;
}
.style3 {color: #dfb124; font-size: small; }
.style4 {font-size: small}
body {
	background-color: #040d1e;
}
a:visited {
	text-decoration: none;
	color: #FFCC66;
}
a:active {
	text-decoration: none;
	color: #DFB124;
}
-->
</style></head>
 
<body>
<table width="497" height="490" border="0" align="center">
  <tr>
    <th height="121" colspan="2" scope="col"><img src="images/header.jpg" alt="header" width="497" height="121" /></th>
  </tr>
  <tr>
    <td height="38" colspan="2" bgcolor="0f2c4e"><table width="505" height="31" border="0">
      <tr>
        <th width="40" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="87" scope="col"><div align="left"><span class="style3">demos</span></div></th>
        <th width="30" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="87" scope="col"><div align="left"><span class="style3">about</span></div></th>
        <th width="30" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="87" scope="col"><div align="left"><span class="style3">contact</span></div></th>
        <th width="30" scope="col"><img src="images/bullet.jpg" alt="bullet" width="17" height="22" align="right" /></th>
        <th width="80" scope="col"><div align="left"><span class="style3">links</span></div></th>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="167" height="287" bgcolor="0f2c4e"><img src="images/mic.jpg" alt="MIC" width="167" height="207" /></td>
    <td width="320" bgcolor="5d646d"><table width="331" height="262" border="0">
      <tr>
        <th height="21" scope="col"><div align="right"><span class="style3">Demos</span></div></th>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="0f2c4e"><div align="center"><span class="style4">e-mail : <a href="mailto:">jmarks8979@aol.com</a> &nbsp; Phone: (305) 989-4569 /(305) 936-0062 </span></div></td>
  </tr>
</table>
</body>
</html>

Open in new window

0
 
maluryAuthor Commented:
The # works!!  Now I can see it on Firefox perfectly :)
Thank you !!! So much, very fast and very kind :) thanks :)
0
 
maluryAuthor Commented:
BTW, by mistake when I tried to answer your request the 1st time, I graded by mistake, I want to change that :) I want to give you an A,  
I'm just  figuring out how to do it :)
Thanks
0
 
firehazrdCommented:
haha, i noticed you awarded an answer while we were still discussing the question.

its ok :) glad you figured it out
0
 
maluryAuthor Commented:
I'm Sorry, this my 1st time here and I have click stuff my mistake. But thanks :) I'll make sure I'll change that :)

Thanks
0

Featured Post

[Webinar] Improve your customer journey

A positive customer journey is important in attracting and retaining business. To improve this experience, you can use Google Maps APIs to increase checkout conversions, boost user engagement, and optimize order fulfillment. Learn how in this webinar presented by Dito.

  • 7
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now