Background images won't show in internet explorer
- three_questions
- Newbie


- Joined: Oct 29, 2008
- Posts: 8
- Status: Offline
Hi all,
I am trying to complete my first HTML site but am having some trouble getting it to run. When i display it in Mozilla Firefox it works fine but in Internet Explorer the background images disappear and the screen turns grey.
My website link is below:
http://www.yusufm.com
When i check the site in Dreamweaver is says The tag: "tr" doesn't have an attribute: "background" in currently active versions. [XHTML 1.0 transitional] and also The tag: "table" doesn't have an attribute: "height" in currently active versions [XHTML 1.0 transitional]
Secondly i would like to have a contact form on my site and found this one (below) but i can't seem to get it to work i changed the email address in the php mailer and put both files in a sub folder but no joy.
http://www.macromediahelp.com/flash/php_flash_contact_form/
Any help would be really appreciated.
I am trying to complete my first HTML site but am having some trouble getting it to run. When i display it in Mozilla Firefox it works fine but in Internet Explorer the background images disappear and the screen turns grey.
My website link is below:
http://www.yusufm.com
When i check the site in Dreamweaver is says The tag: "tr" doesn't have an attribute: "background" in currently active versions. [XHTML 1.0 transitional] and also The tag: "table" doesn't have an attribute: "height" in currently active versions [XHTML 1.0 transitional]
Secondly i would like to have a contact form on my site and found this one (below) but i can't seem to get it to work i changed the email address in the php mailer and put both files in a sub folder but no joy.
http://www.macromediahelp.com/flash/php_flash_contact_form/
Any help would be really appreciated.
- Anonymous
- Bot


- Joined: 25 Feb 2008
- Posts: ?
- Loc: Ozzuland
- Status: Online
October 29th, 2008, 8:21 pm
- righteous_trespasser
- Scuffle


- Joined: Mar 12, 2007
- Posts: 6228
- Loc: South-Africa
- Status: Offline
all right, welcome to the world of web-development ... and also to ozzu, I hope you stick around ...
The first issue ("tr" doesn't have an attribute: "background") is true ... for XHTML 1.0 Transitional, which is the DOCTYPE that you are using, you can replace that with some styling (CSS) ... so you would change that to:
And then also for the second issue ("table" doesn't have an attribute: "height"), that again doesn't exist with an XHTML 1.0 Transitional DOCTYPE, but you can change that piece of code to the following:
And that should fix your problem ...
The first issue ("tr" doesn't have an attribute: "background") is true ... for XHTML 1.0 Transitional, which is the DOCTYPE that you are using, you can replace that with some styling (CSS) ... so you would change that to:
Code: [ Select ]
<tr style='background-image:url('images/Header.jpg');'>
And then also for the second issue ("table" doesn't have an attribute: "height"), that again doesn't exist with an XHTML 1.0 Transitional DOCTYPE, but you can change that piece of code to the following:
Code: [ Select ]
<table style='height:235px;'>
And that should fix your problem ...
Let's leave all our *plum* where it is and go live in the jungle ...
- three_questions
- Newbie


- Joined: Oct 29, 2008
- Posts: 8
- Status: Offline
Thanks for the welcome and the quick reply.
It seems to be quite a steep learning curve when trying to get the hang of HTML.
I think I managed to make the changes for the index page but i am still having some issues. The proportions are wrong in IE when compared to Firefox and i still get:
which refers to
and
which refers to
when i validate.
Getting there but still some basic errors I'm sure
It seems to be quite a steep learning curve when trying to get the hang of HTML.
I think I managed to make the changes for the index page but i am still having some issues. The proportions are wrong in IE when compared to Firefox and i still get:
Code: [ Select ]
The tag: "tr" doesn't have an attribute: "tr" in currently active versions.[XHTML 1.0 transitional]
which refers to
Code: [ Select ]
<tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
<td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
<td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
- <tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
- <td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
- <tr align="center">
and
Code: [ Select ]
The tag: "table" doesn't have an attribute: "table" in currently active versions.[XHTML 1.0 transitional]
which refers to
Code: [ Select ]
<td width="104" align="left" valign="top"><table width="71%" table style='height:235px;' border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<tr>
- <td width="104" align="left" valign="top"><table width="71%" table style='height:235px;' border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
when i validate.
Getting there but still some basic errors I'm sure
- three_questions
- Newbie


- Joined: Oct 29, 2008
- Posts: 8
- Status: Offline
I have made some progress i only get one error message now when i validate.
referring to the line in html
And also there are some proportion discrepancies between Firefox and IE
Code: [ Select ]
The tag: "tr" doesn't have an attribute: "tr" in currently active versions.[XHTML 1.0 transitional]
referring to the line in html
Code: [ Select ]
</tr>
<tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
<td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
<tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
<td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
- </tr>
- <tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
- <td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
- <tr align="center">
And also there are some proportion discrepancies between Firefox and IE
- righteous_trespasser
- Scuffle


- Joined: Mar 12, 2007
- Posts: 6228
- Loc: South-Africa
- Status: Offline
- three_questions
- Newbie


- Joined: Oct 29, 2008
- Posts: 8
- Status: Offline
Yeah, that's fine. I have attached it below.
Be prepared for a number of rookie errors
Be prepared for a number of rookie errors
Code: [ Select ]
<!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=utf-8" />
<title>Index</title>
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
#apDiv1 {
position:absolute;
left:69px;
top:29px;
width:234px;
height:29px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:71px;
top:64px;
width:244px;
height:25px;
z-index:2;
}
-->
</style>
<style type="text/css">
<!--
.style4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
}
-->
</style>
<style type="text/css">
<!--
#apDiv3 {
position:absolute;
left:80px;
top:297px;
width:864px;
height:25px;
z-index:1;
}
.style5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-style: normal;
vertical-align: baseline;
line-height: 6px;
color: #FFFFFF;
text-align: center;
}
.style6 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
<style type="text/css">
<!--
.style12 {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="920" border="0" align="center" cellpadding="0" cellspacing="0">
<tr style='background-image:url("images/Header.jpg");'>
<td height="85"> </td>
</tr>
<tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
<td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="10" height="387" valign="top"> </td>
<td width="104" align="left" valign="top"><table width="84" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="123"><ul id="MenuBar1" class="MenuBarVertical">
<li><a href="index.html" class="style4">About Me</a> </li>
<li><a href="#" class="MenuBarVertical style4">Portfolio</a>
<ul>
<li><a href="Ctrlaltdelete.html" class="style4">Ctrl-alt-delete</a></li>
<li><a href="wordsplus.html" class="style4">Words Plus</a></li>
<li><a href="Panicescape.html" class="style4">Panic Escape</a></li>
<li><a href="greenriders.html" class="style4">Green Riders</a></li>
<li><a href="frogchair.html" class="style6">Frog Chair</a></li>
<li><a href="shoedesign.html" class="style4">Shoe Design</a></li>
</ul>
</li>
<li><a href="cv.html" class="style4">Skills & CV</a> </li>
<li><a href="contact.html" class="style4">Contact</a></li>
</ul></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="12" valign="top"> </td>
<td width="770" align="left" valign="top"><table width="761" border="0" align="left" cellpadding="0" cellspacing="0">
<tr align="left" valign="top">
<td align="left" valign="top"><div class="style4">
<div align="justify">
<p class="style12"><strong class="style6"> ABOUT ME:</strong><br />
I recently graduated from the Royal of Art and Imperial London with a joint Master’s in <a href="http://www.rca.ac.uk/Default.aspx?ContentID=160473&CategoryID=36692">Industrial Design Engineering</a>. I am currently working part-time for Blackberry (Research in Motion) as a Designer & Research Associate at the <a href="http://www.hhc.rca.ac.uk/1652/all/1/inclusive_design.aspx">Helen Hamlyn Centre</a>, and am also in the process of starting up a company within <a href="http://www.designlondon.net/">Design London</a>, off the back of winning the <a href="http://www3.imperial.ac.uk/newsandeventspggrp/imperialcollege/newssummary/news_17-3-2008-10-49-53?newsid=31514">New Business Challenge 2008</a>.</p>
<p class="style12">I have a people-centred approach to design and like to solve problems, as well as come up with new questions. My engineering background has given me a holistic approach to design incorporating both aesthetics and technical engineering. It also enables me to quickly create prototypes and sketch models for iterative development with real users. I believe design is about creating new possibilities, utilising multidisciplinary teams and user insights to create great products, experiences and services.</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">
<p class="style12"><img src="images/Main_yusufmuhammad.jpg" alt="Words Plus" width="236" height="202" longdesc="images/Main_yusufmuhammad.jpg" /></p>
</div></td>
<td><div align="center"><img src="images/Main3_yusufmuhammad.jpg" alt="Ctrl-alt-delete" width="236" height="202" longdesc="images/Main3_yusufmuhammad.jpg" /></div></td>
<td><div align="center"><img src="images/Main2_yusufmuhammad.jpg" alt="Panic Escape" width="236" height="202" longdesc="images/Main2_yusufmuhammad.jpg" /></div></td>
</tr>
</table>
</div>
</div> </td>
</tr>
</table></td>
<td width="23" align="left" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr style='background-image:url("images/Footer.jpg");'>
<td height="60" align="center" valign="top"><div>
<h1 class="style5"><br />
<br />
Yusuf Muhammad’s Industrial Design Portfolio © Yusuf Muhammad 2008</h1>
</div></td>
</tr>
</table>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
#apDiv1 {
position:absolute;
left:69px;
top:29px;
width:234px;
height:29px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:71px;
top:64px;
width:244px;
height:25px;
z-index:2;
}
-->
</style>
<style type="text/css">
<!--
.style4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
}
-->
</style>
<style type="text/css">
<!--
#apDiv3 {
position:absolute;
left:80px;
top:297px;
width:864px;
height:25px;
z-index:1;
}
.style5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-style: normal;
vertical-align: baseline;
line-height: 6px;
color: #FFFFFF;
text-align: center;
}
.style6 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
<style type="text/css">
<!--
.style12 {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="920" border="0" align="center" cellpadding="0" cellspacing="0">
<tr style='background-image:url("images/Header.jpg");'>
<td height="85"> </td>
</tr>
<tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
<td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="10" height="387" valign="top"> </td>
<td width="104" align="left" valign="top"><table width="84" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="123"><ul id="MenuBar1" class="MenuBarVertical">
<li><a href="index.html" class="style4">About Me</a> </li>
<li><a href="#" class="MenuBarVertical style4">Portfolio</a>
<ul>
<li><a href="Ctrlaltdelete.html" class="style4">Ctrl-alt-delete</a></li>
<li><a href="wordsplus.html" class="style4">Words Plus</a></li>
<li><a href="Panicescape.html" class="style4">Panic Escape</a></li>
<li><a href="greenriders.html" class="style4">Green Riders</a></li>
<li><a href="frogchair.html" class="style6">Frog Chair</a></li>
<li><a href="shoedesign.html" class="style4">Shoe Design</a></li>
</ul>
</li>
<li><a href="cv.html" class="style4">Skills & CV</a> </li>
<li><a href="contact.html" class="style4">Contact</a></li>
</ul></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="12" valign="top"> </td>
<td width="770" align="left" valign="top"><table width="761" border="0" align="left" cellpadding="0" cellspacing="0">
<tr align="left" valign="top">
<td align="left" valign="top"><div class="style4">
<div align="justify">
<p class="style12"><strong class="style6"> ABOUT ME:</strong><br />
I recently graduated from the Royal of Art and Imperial London with a joint Master’s in <a href="http://www.rca.ac.uk/Default.aspx?ContentID=160473&CategoryID=36692">Industrial Design Engineering</a>. I am currently working part-time for Blackberry (Research in Motion) as a Designer & Research Associate at the <a href="http://www.hhc.rca.ac.uk/1652/all/1/inclusive_design.aspx">Helen Hamlyn Centre</a>, and am also in the process of starting up a company within <a href="http://www.designlondon.net/">Design London</a>, off the back of winning the <a href="http://www3.imperial.ac.uk/newsandeventspggrp/imperialcollege/newssummary/news_17-3-2008-10-49-53?newsid=31514">New Business Challenge 2008</a>.</p>
<p class="style12">I have a people-centred approach to design and like to solve problems, as well as come up with new questions. My engineering background has given me a holistic approach to design incorporating both aesthetics and technical engineering. It also enables me to quickly create prototypes and sketch models for iterative development with real users. I believe design is about creating new possibilities, utilising multidisciplinary teams and user insights to create great products, experiences and services.</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">
<p class="style12"><img src="images/Main_yusufmuhammad.jpg" alt="Words Plus" width="236" height="202" longdesc="images/Main_yusufmuhammad.jpg" /></p>
</div></td>
<td><div align="center"><img src="images/Main3_yusufmuhammad.jpg" alt="Ctrl-alt-delete" width="236" height="202" longdesc="images/Main3_yusufmuhammad.jpg" /></div></td>
<td><div align="center"><img src="images/Main2_yusufmuhammad.jpg" alt="Panic Escape" width="236" height="202" longdesc="images/Main2_yusufmuhammad.jpg" /></div></td>
</tr>
</table>
</div>
</div> </td>
</tr>
</table></td>
<td width="23" align="left" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr style='background-image:url("images/Footer.jpg");'>
<td height="60" align="center" valign="top"><div>
<h1 class="style5"><br />
<br />
Yusuf Muhammad’s Industrial Design Portfolio © Yusuf Muhammad 2008</h1>
</div></td>
</tr>
</table>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
- <!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=utf-8" />
- <title>Index</title>
- <style type="text/css">
- <!--
- body {
- background-color: #CCCCCC;
- }
- #apDiv1 {
- position:absolute;
- left:69px;
- top:29px;
- width:234px;
- height:29px;
- z-index:1;
- }
- #apDiv2 {
- position:absolute;
- left:71px;
- top:64px;
- width:244px;
- height:25px;
- z-index:2;
- }
- -->
- </style>
- <style type="text/css">
- <!--
- .style4 {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 9pt;
- }
- -->
- </style>
- <style type="text/css">
- <!--
- #apDiv3 {
- position:absolute;
- left:80px;
- top:297px;
- width:864px;
- height:25px;
- z-index:1;
- }
- .style5 {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 9pt;
- font-style: normal;
- vertical-align: baseline;
- line-height: 6px;
- color: #FFFFFF;
- text-align: center;
- }
- .style6 {font-family: Arial, Helvetica, sans-serif}
- -->
- </style>
- <style type="text/css">
- <!--
- .style12 {
- font-size: 10pt;
- font-family: Arial, Helvetica, sans-serif;
- }
- -->
- </style>
- <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
- <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
- <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
- </head>
- <body>
- <table width="920" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr style='background-image:url("images/Header.jpg");'>
- <td height="85"> </td>
- </tr>
- <tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
- <td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
- <tr align="center">
- <td width="10" height="387" valign="top"> </td>
- <td width="104" align="left" valign="top"><table width="84" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
- <td height="123"><ul id="MenuBar1" class="MenuBarVertical">
- <li><a href="index.html" class="style4">About Me</a> </li>
- <li><a href="#" class="MenuBarVertical style4">Portfolio</a>
- <ul>
- <li><a href="Ctrlaltdelete.html" class="style4">Ctrl-alt-delete</a></li>
- <li><a href="wordsplus.html" class="style4">Words Plus</a></li>
- <li><a href="Panicescape.html" class="style4">Panic Escape</a></li>
- <li><a href="greenriders.html" class="style4">Green Riders</a></li>
- <li><a href="frogchair.html" class="style6">Frog Chair</a></li>
- <li><a href="shoedesign.html" class="style4">Shoe Design</a></li>
- </ul>
- </li>
- <li><a href="cv.html" class="style4">Skills & CV</a> </li>
- <li><a href="contact.html" class="style4">Contact</a></li>
- </ul></td>
- </tr>
- <tr>
- <td> </td>
- </tr>
- <tr>
- <td> </td>
- </tr>
- </table></td>
- <td width="12" valign="top"> </td>
- <td width="770" align="left" valign="top"><table width="761" border="0" align="left" cellpadding="0" cellspacing="0">
- <tr align="left" valign="top">
- <td align="left" valign="top"><div class="style4">
- <div align="justify">
- <p class="style12"><strong class="style6"> ABOUT ME:</strong><br />
- I recently graduated from the Royal of Art and Imperial London with a joint Master’s in <a href="http://www.rca.ac.uk/Default.aspx?ContentID=160473&CategoryID=36692">Industrial Design Engineering</a>. I am currently working part-time for Blackberry (Research in Motion) as a Designer & Research Associate at the <a href="http://www.hhc.rca.ac.uk/1652/all/1/inclusive_design.aspx">Helen Hamlyn Centre</a>, and am also in the process of starting up a company within <a href="http://www.designlondon.net/">Design London</a>, off the back of winning the <a href="http://www3.imperial.ac.uk/newsandeventspggrp/imperialcollege/newssummary/news_17-3-2008-10-49-53?newsid=31514">New Business Challenge 2008</a>.</p>
- <p class="style12">I have a people-centred approach to design and like to solve problems, as well as come up with new questions. My engineering background has given me a holistic approach to design incorporating both aesthetics and technical engineering. It also enables me to quickly create prototypes and sketch models for iterative development with real users. I believe design is about creating new possibilities, utilising multidisciplinary teams and user insights to create great products, experiences and services.</p>
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td><div align="center">
- <p class="style12"><img src="images/Main_yusufmuhammad.jpg" alt="Words Plus" width="236" height="202" longdesc="images/Main_yusufmuhammad.jpg" /></p>
- </div></td>
- <td><div align="center"><img src="images/Main3_yusufmuhammad.jpg" alt="Ctrl-alt-delete" width="236" height="202" longdesc="images/Main3_yusufmuhammad.jpg" /></div></td>
- <td><div align="center"><img src="images/Main2_yusufmuhammad.jpg" alt="Panic Escape" width="236" height="202" longdesc="images/Main2_yusufmuhammad.jpg" /></div></td>
- </tr>
- </table>
- </div>
- </div> </td>
- </tr>
- </table></td>
- <td width="23" align="left" valign="top"> </td>
- </tr>
- </table></td>
- </tr>
- <tr style='background-image:url("images/Footer.jpg");'>
- <td height="60" align="center" valign="top"><div>
- <h1 class="style5"><br />
- <br />
- Yusuf Muhammad’s Industrial Design Portfolio © Yusuf Muhammad 2008</h1>
- </div></td>
- </tr>
- </table>
- <script type="text/javascript">
- <!--
- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
- //-->
- </script>
- </body>
- </html>
- righteous_trespasser
- Scuffle


- Joined: Mar 12, 2007
- Posts: 6228
- Loc: South-Africa
- Status: Offline
three_questions wrote:
I have made some progress i only get one error message now when i validate.
referring to the line in html
And also there are some proportion discrepancies between Firefox and IE
Code: [ Select ]
The tag: "tr" doesn't have an attribute: "tr" in currently active versions.[XHTML 1.0 transitional]
referring to the line in html
Code: [ Select ]
</tr>
<tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
<td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
<tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
<td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
- </tr>
- <tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
- <td height="188"><table width="919" border="0" cellpadding="0" cellspacing="0">
- <tr align="center">
And also there are some proportion discrepancies between Firefox and IE
I see your problem now ... haha ... wasn't reading properly the first time I think ... you have a "tr" inside your "tr" which isn't supposed to be there ...
so you just have to change this piece and take out the red part
Code: [ Select ]
<tr align="center" valign="top" tr style='background-image:url("images/content.jpg");'>
just take that out ...
Let's leave all our *plum* where it is and go live in the jungle ...
- three_questions
- Newbie


- Joined: Oct 29, 2008
- Posts: 8
- Status: Offline
Thanks alot.
AAAhhh. Its always the little things!
I have one other problem on another page http://yusufm.com/wordsplus.html:
which refers to
And the embedding of a Vimeo movie file.
It doesn't seem to like IE either
AAAhhh. Its always the little things!
I have one other problem on another page http://yusufm.com/wordsplus.html:
Code: [ Select ]
The tag name: "embed" Not found in currently active versions.[XHTML 1.0 transitional]
which refers to
Code: [ Select ]
</span><span class="style18"><img src="images/Wordsplus2_yusufmuhammad.jpg" alt="" width="751" height="301" longdesc="images/Wordsplus2_yusufmuhammad.jpg" /><br />
<br />
<strong>The digital audio book<br />
</strong>The digital audio book plays on the intuitive action of following your finger along the page as you read aloud. Animated visualisations are triggered in conjunction with syllabic sounds, and can be set to convey a range of phonic characteristics. <br />
</span></p>
<div>
<div align="center"><span class="style18">
<script type="text/javascript">
AC_AX_RunContent( 'width','400','height','321','src','http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1','type','application/x-shockwave-flash','allowfullscreen','true','allowscriptaccess','always','movie','http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1' ); //end AC code
</script><noscript><object width="400" height="321">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1" width="400" height="321" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"></embed>
</object></noscript>
</span></div>
</div>
<br />
<strong>The digital audio book<br />
</strong>The digital audio book plays on the intuitive action of following your finger along the page as you read aloud. Animated visualisations are triggered in conjunction with syllabic sounds, and can be set to convey a range of phonic characteristics. <br />
</span></p>
<div>
<div align="center"><span class="style18">
<script type="text/javascript">
AC_AX_RunContent( 'width','400','height','321','src','http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1','type','application/x-shockwave-flash','allowfullscreen','true','allowscriptaccess','always','movie','http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1' ); //end AC code
</script><noscript><object width="400" height="321">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1" width="400" height="321" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"></embed>
</object></noscript>
</span></div>
</div>
- </span><span class="style18"><img src="images/Wordsplus2_yusufmuhammad.jpg" alt="" width="751" height="301" longdesc="images/Wordsplus2_yusufmuhammad.jpg" /><br />
- <br />
- <strong>The digital audio book<br />
- </strong>The digital audio book plays on the intuitive action of following your finger along the page as you read aloud. Animated visualisations are triggered in conjunction with syllabic sounds, and can be set to convey a range of phonic characteristics. <br />
- </span></p>
- <div>
- <div align="center"><span class="style18">
- <script type="text/javascript">
- AC_AX_RunContent( 'width','400','height','321','src','http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1','type','application/x-shockwave-flash','allowfullscreen','true','allowscriptaccess','always','movie','http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1' ); //end AC code
- </script><noscript><object width="400" height="321">
- <param name="allowfullscreen" value="true" />
- <param name="allowscriptaccess" value="always" />
- <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1" />
- <embed src="http://vimeo.com/moogaloop.swf?clip_id=2086229&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1" width="400" height="321" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"></embed>
- </object></noscript>
- </span></div>
- </div>
And the embedding of a Vimeo movie file.
It doesn't seem to like IE either
- righteous_trespasser
- Scuffle


- Joined: Mar 12, 2007
- Posts: 6228
- Loc: South-Africa
- Status: Offline
- three_questions
- Newbie


- Joined: Oct 29, 2008
- Posts: 8
- Status: Offline
- righteous_trespasser
- Scuffle


- Joined: Mar 12, 2007
- Posts: 6228
- Loc: South-Africa
- Status: Offline
- webdummy
- Born


- Joined: Nov 07, 2008
- Posts: 4
- Status: Offline
righteous_trespasser wrote:
all right, welcome to the world of web-development ... and also to ozzu, I hope you stick around ...
The first issue ("tr" doesn't have an attribute: "background") is true ... for XHTML 1.0 Transitional, which is the DOCTYPE that you are using, you can replace that with some styling (CSS) ... so you would change that to:
And then also for the second issue ("table" doesn't have an attribute: "height"), that again doesn't exist with an XHTML 1.0 Transitional DOCTYPE, but you can change that piece of code to the following:
And that should fix your problem ...
The first issue ("tr" doesn't have an attribute: "background") is true ... for XHTML 1.0 Transitional, which is the DOCTYPE that you are using, you can replace that with some styling (CSS) ... so you would change that to:
Code: [ Select ]
<tr style='background-image:url('images/Header.jpg');'>
And then also for the second issue ("table" doesn't have an attribute: "height"), that again doesn't exist with an XHTML 1.0 Transitional DOCTYPE, but you can change that piece of code to the following:
Code: [ Select ]
<table style='height:235px;'>
And that should fix your problem ...
The reason i did not stick around last time was because i was not getting any help to my queries in this forum I thought I give it another go but no, ...dejavu!...which looks like its happening again
what a waste of time!!! 
Page 1 of 1
To Reply to this topic you need to LOGIN or REGISTER. It is free.
Post Information
- Total Posts in this topic: 13 posts
- Users browsing this forum: No registered users and 107 guests
- You cannot post new topics in this forum
- You cannot reply to topics in this forum
- You cannot edit your posts in this forum
- You cannot delete your posts in this forum
- You cannot post attachments in this forum
