Current location: Hot Scripts Forums » General Web Coding » HTML/XHTML/XML » <img> tag in HTML

<img> tag in HTML

Reply
Page 1 of 2 1 2
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 07-08-09, 07:51 AM
mozart66 mozart66 is offline
Newbie Coder
  
Join Date: Oct 2008
Posts: 21
Thanks: 0
Thanked 0 Times in 0 Posts
Rolleyes <img> tag in HTML
Hi!

I need quick help on HTML coding. I am not exactly a novice but neither have I figured out why this is happening.

On the website that I have developed, I have used combination of HTML/XHTML and PHP.

PROBLEM 1: The website opens properly (meaning with coloured background leaf.jpg) in all three browsers I am testing with (IE 8, Firefox 3.5, Google Chrome on the local machine). However, the ‘Top’ and ‘Back’ links on pages display the images of back arrow and top arrow (and also arrow used in the listing) properly only on IE 8 and Google Chrome both on the internet and locally too. Firefox displays the ‘alt’ text in the image tag instead of images (this is when I see the website on the internet). The top, back and bullet arrows are all GIF files. The JPEG versions of the same images work very well on IE 8 and Google Chrome but not in Firefox. (e.g. ARBUTUS - Children's Cultural Centre).

PROBLEM 2: The size of the cell in a table looks rather enlarged and ugly or disproportionate on the Sitemap page (e.g. ARBUTUS - Children's Cultural Centre).

PROBLEM 3: On any webpage (e.g. ARBUTUS - Children's Cultural Centre) there is a fine gap (about 2 pixels) in the top banner and the menu items on the webpage. Similar gap can be seen on the bottom too. Cellpadding and Cellspacing problem?

I have tried to solve these problems but in vain. Need some expert advise. Anyone out there?

I have tried using <img border="0" src="images/bullet.gif"/> but did not get the results. My website is being hosted on Linux system.

Please help.
Mozart66
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #2 (permalink)  
Old 07-08-09, 01:47 PM
ruteckycs's Avatar
ruteckycs ruteckycs is offline
Coding Addict
  
Join Date: Jul 2009
Posts: 377
Thanks: 6
Thanked 10 Times in 10 Posts
Dont format your page layout with tables, default CSS causes to many inconstancy with different browsers.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #3 (permalink)  
Old 07-08-09, 04:48 PM
job0107's Avatar
job0107 job0107 is offline
Community Liaison
  
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 2,726
Thanks: 0
Thanked 32 Times in 32 Posts
Your programming style is very sloppy.
Your creating white space.
Get rid of all the blank lines and keep your <td></td>'s grouped together.
Do not break them apart unless you absolutely have to.
Or until you understand what creates white space and what does not.

Also, don't rely on creating white space to work all the time,
as all browsers do not handle white space the same.
Instead, use an HTML element like <br />, <p>, <span> or <div> to create white space.
And/or use CSS to adjust margins and padding to create white space.

Try it like this and see if the results are any better.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ARBUTUS - Children's Cultural Centre</title>
<!---<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">--->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="education, awareness, training, networking, research, arbutus, sustainable development, personality development, round tables">
<meta name="Description" content=" ARBUTUS, whose main thrust, is on Awareness, Education, and Networking for sustainable development has completed thirty years of fruitful existence. ">
<meta name="robots" content="index all">
<meta name="revisit-after" content="14 days">
<meta name="author" content="Manjusha Wadekar">
<meta name="Language" content="en-us">
<meta name="Alias" content="email2manju@gmail.com">
<meta name="Owner" content="email2manju@gmail.com">
<meta name="rating" content="Education:: Environment:: Training, Research, Networking">
<meta name="copyright" content=" ARBUTUS ">
<meta name="Classification" content="Education:: Environment:: Training, Research, Networking">
<meta name="bulletin-text" content=" ARBUTUS has worked in the fields of Awareness, Education for Sustainable Development for over thirty years now. ">
<meta name="distribution" content="Global">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-Script-Type" content="Text/Javascript">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="reply-to" content="email2manju@gmail.com">
<link rel="stylesheet" type="text/css" href="arbutus.css" />
<style type="text/css" media="screen, tv, projection">
    @import "css/Menu.css";
</style>
<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
    @import "css/Menu4IE.css";
    body { behavior:url("ADxMenu.htc"); }
</style>
<![endif]-->
<style type="text/css">
<!--
.style1 {color: #666666}
-->
</style>
</head>
<body class="leafybackground" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a name="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td align="center" valign="top">
   <table width="781" border="0" cellspacing="0" cellpadding="0">
    <tr><td width="781"><img src="http://www.hotscripts.com/forums/images/arbutus_banner.jpg" alt="" width="781" height="148" border="0"></td></tr>
    <tr>
     <td bgcolor="#FFFFFF">
      <table width="100%" border="0" cellspacing="0" cellpadding="3">
       <tr>
        <td width="100%" valign="top" bgcolor="#000000">
         <div id="menu">
          <ul id="menuList" class="adxm">
           <li><a href="index.html">Home</a></li>
           <li><a href="projects.html">Projects</a>
            <ul id="ProjectsMenu">
             <li style="text-align:left"><a href="project1.html">Involving School Children</a></li>
             <li style="text-align:left"><a href="project2.html">Involving Youth</a></li>
             <li style="text-align:left"><a href="project3.html">Programmes for Educators</a></li>
             <li style="text-align:left"><a href="project4.html">Production of Education Support Material</a></li>
             <li style="text-align:left"><a href="project5.html">ESD Through Performing Art</a></li>
             <li style="text-align:left"><a href="project6.html">Towards Empowerment</a></li>
             <li style="text-align:left"><a href="project7.html">Community Support</a></li>
             <li style="text-align:left"><a href="project8.html">City's Development</a></li>
             <li style="text-align:left"><a href="project9.html">Six Networks</a></li>
            </ul>
           </li>
           <li><a href="international_links.html">International Links</a></li>
           <li><a href="celebrations.html">Celebrations</a></li>
           <li><a href="press_release.php">In Press</a></li>
           <li><a href="events.php">Events Calendar</a></li>
           <li><a href="our_team.html">Our Team</a></li>
           <li><a href="contact.html">Contact Us</a></li>
           <li class="last"><a href="sitemap.html">Sitemap</a></li>
          </ul>
         </div>
        </td>
       </tr>
       <tr>
        <td valign="top">
         <table>
          <tr>
           <td width="1%">&nbsp;</td>
           <td width="98%">
            <p align="left"><span class="redheader"><br><strong>Projects:</strong></span><br><br></p>
            <p align="justify">Arbutus with its wide spectrum of work has done multitude of projects; the list of which appears below. Click on any of the links below to read in detail on these projects.<br></p>
            <hr size="9" color="#000000">
            <p align="left"><a href="project1.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Involving School Children</strong></a><br><br></p>
            <p align="left"><a href="project2.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Involving Youth</strong></a><br><br></p>
            <p align="left"><a href="project3.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Programmes for Educators</strong></a><br><br></p>
            <p align="left"><a href="project4.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Production of Education Support Material</strong></a><br><br></p>
            <p align="left"><a href="project5.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>ESD Through Performing Art</strong></a><br><br></p>
            <p align="left"><a href="project6.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Towards Empowerment</strong></a><br><br></p>
            <p align="left"><a href="project7.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Community Support</strong></a><br><br></p>
            <p align="left"><a href="project8.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>City's Development</strong></a><br><br></p>
            <p align="left"><a href="project9.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Six Networks</strong></a><br><br></p>
            <table width="100%" border="0" cellspacing="5" cellpadding="0">
             <tr>
              <td align="right"><br><a href="#top" class="toplink"><img src="../images/top_arrow.gif" border="0" alt="Top"></a></td>
             </tr>
            </table>
           </td>
           <td width="1%">&nbsp;</td>
          </tr>
         </table>
        </td>
       </tr>
       <tr class="lightbluetable">
        <td height="20" align="center" nowrap class="footer"><i>Registered under Bombay Public Charitable Trusts Act. REG. NO.: E-847 (PUNE)</i><br>Copyright &copy; 2009. ARBUTUS. All rights reserved. Site Designed &amp; Developed By: <a href="mailto:email2manju@gmail.com" target="_blank" class="footer"> Manjusha Wadekar</a>.</td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</a>
</body>
</html>
__________________
Jerry Broughton
Last edited by job0107; 07-08-09 at 05:03 PM.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #4 (permalink)  
Old 07-08-09, 06:49 PM
job0107's Avatar
job0107 job0107 is offline
Community Liaison
  
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 2,726
Thanks: 0
Thanked 32 Times in 32 Posts
The re-work of your last code only fixed the problem in IE.
This code should work in most any browser.

HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ARBUTUS - Children's Cultural Centre</title>
<!---<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">--->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="education, awareness, training, networking, research, arbutus, sustainable development, personality development, round tables">
<meta name="Description" content=" ARBUTUS, whose main thrust, is on Awareness, Education, and Networking for sustainable development has completed thirty years of fruitful existence. ">
<meta name="robots" content="index all">
<meta name="revisit-after" content="14 days">
<meta name="author" content="Manjusha Wadekar">
<meta name="Language" content="en-us">
<meta name="Alias" content="email2manju@gmail.com">
<meta name="Owner" content="email2manju@gmail.com">
<meta name="rating" content="Education:: Environment:: Training, Research, Networking">
<meta name="copyright" content=" ARBUTUS ">
<meta name="Classification" content="Education:: Environment:: Training, Research, Networking">
<meta name="bulletin-text" content=" ARBUTUS has worked in the fields of Awareness, Education for Sustainable Development for over thirty years now. ">
<meta name="distribution" content="Global">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-Script-Type" content="Text/Javascript">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="reply-to" content="email2manju@gmail.com">
<link rel="stylesheet" type="text/css" href="arbutus.css" />
<style type="text/css" media="screen, tv, projection">
    @import "Menu.css";
</style>
</head>
<body class="leafybackground" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="main_container" style="width:100%;text-align:center;">
 <div style="width:781px;">
 <a name="top"></a>
 <img src="http://www.arbutusccc.org/images/arbutus_banner.jpg" alt="" width="781px" height="148px" border="0" style="float:left;">
 <br style="clear:both;" />
 <div id="menu" style="float:left;width:781px;">
  <ul id="menuList" class="adxm">
   <li><a href="index.html">Home</a></li>
   <li><a href="projects.html">Projects</a>
    <ul id="ProjectsMenu">
     <li style="text-align:left"><a href="project1.html">Involving School Children</a></li>
     <li style="text-align:left"><a href="project2.html">Involving Youth</a></li>
     <li style="text-align:left"><a href="project3.html">Programmes for Educators</a></li>
     <li style="text-align:left"><a href="project4.html">Production of Education Support Material</a></li>
     <li style="text-align:left"><a href="project5.html">ESD Through Performing Art</a></li>
     <li style="text-align:left"><a href="project6.html">Towards Empowerment</a></li>
     <li style="text-align:left"><a href="project7.html">Community Support</a></li>
     <li style="text-align:left"><a href="project8.html">City's Development</a></li>
     <li style="text-align:left"><a href="project9.html">Six Networks</a></li>
    </ul>
   </li>
   <li><a href="international_links.html">International Links</a></li>
   <li><a href="celebrations.html">Celebrations</a></li>
   <li><a href="press_release.php">In Press</a></li>
   <li><a href="events.php">Events Calendar</a></li>
   <li><a href="our_team.html">Our Team</a></li>
   <li><a href="contact.html">Contact Us</a></li>
   <li class="last"><a href="sitemap.html">Sitemap</a></li>
  </ul>
 </div>
 <br style="clear:both;" />
 <div style="float:left;width:741px;padding:20px;padding-top:0px;background:#fff;">
  <p align="left"><span class="redheader"><br><strong>Projects:</strong></span><br><br></p>
  <p align="justify">Arbutus with its wide spectrum of work has done multitude of projects; the list of which appears below. Click on any of the links below to read in detail on these projects.<br></p>
  <hr size="9" color="#000000">
  <p align="left"><a href="project1.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Involving School Children</strong></a><br><br></p>
  <p align="left"><a href="project2.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Involving Youth</strong></a><br><br></p>
  <p align="left"><a href="project3.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Programmes for Educators</strong></a><br><br></p>
  <p align="left"><a href="project4.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Production of Education Support Material</strong></a><br><br></p>
  <p align="left"><a href="project5.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>ESD Through Performing Art</strong></a><br><br></p>
  <p align="left"><a href="project6.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Towards Empowerment</strong></a><br><br></p>
  <p align="left"><a href="project7.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Community Support</strong></a><br><br></p>
  <p align="left"><a href="project8.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>City's Development</strong></a><br><br></p>
  <p align="left"><a href="project9.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Six Networks</strong></a><br><br></p>
  <br>
  <a href="#top" class="toplink" style="float:right;"><img src="../images/top_arrow.gif" border="0" alt="Top"></a>
 </div>
 <br style="clear:both;" />
 <div class="lightbluetable footer" style="float:left;width:781px;text-align:center;">
  <i>Registered under Bombay Public Charitable Trusts Act. REG. NO.: E-847 (PUNE)</i>
  <br />
  Copyright &copy; 2009. ARBUTUS. All rights reserved. Site Designed &amp; Developed By: <a href="mailto:email2manju@gmail.com" target="_blank" class="footer"> Manjusha Wadekar</a>.
 </div>
 <br style="clear:both;" />
</div>
</div>
</body>
</html>
__________________
Jerry Broughton
Last edited by job0107; 07-08-09 at 07:10 PM.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #5 (permalink)  
Old 07-08-09, 09:19 PM
job0107's Avatar
job0107 job0107 is offline
Community Liaison
  
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 2,726
Thanks: 0
Thanked 32 Times in 32 Posts
Ok, I think I finally figured it out.
Besides correcting the white space issues,
I also changed you doctype deceleration.
Those changes to your original code seem to have corrected the problems.
HTML Code:
<!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>ARBUTUS - Children's Cultural Centre</title>
<!---<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">--->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="education, awareness, training, networking, research, arbutus, sustainable development, personality development, round tables">
<meta name="Description" content=" ARBUTUS, whose main thrust, is on Awareness, Education, and Networking for sustainable development has completed thirty years of fruitful existence. ">
<meta name="robots" content="index all">
<meta name="revisit-after" content="14 days">
<meta name="author" content="Manjusha Wadekar">
<meta name="Language" content="en-us">
<meta name="Alias" content="email2manju@gmail.com">
<meta name="Owner" content="email2manju@gmail.com">
<meta name="rating" content="Education:: Environment:: Training, Research, Networking">
<meta name="copyright" content=" ARBUTUS ">
<meta name="Classification" content="Education:: Environment:: Training, Research, Networking">
<meta name="bulletin-text" content=" ARBUTUS has worked in the fields of Awareness, Education for Sustainable Development for over thirty years now. ">
<meta name="distribution" content="Global">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-Script-Type" content="Text/Javascript">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="reply-to" content="email2manju@gmail.com">
<link rel="stylesheet" type="text/css" href="css/arbutus.css" />
<style type="text/css" media="screen, tv, projection">
    @import "css/Menu.css";
</style>
<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
    @import "css/Menu4IE.css";
    body { behavior:url("ADxMenu.htc"); }
</style>
<![endif]-->
<style type="text/css">
<!--
.style1 {color: #666666}
-->
</style>
</head>
<body class="leafybackground" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a name="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td align="center" valign="top">
   <table width="781" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td width="781"><img src="http://www.arbutusccc.org/images/arbutus_banner.jpg" alt="" width="781" height="148" border="0"></td>
    </tr>
    <tr>
     <td bgcolor="#FFFFFF">
      <table width="100%" border="0" cellspacing="0" cellpadding="3">
       <tr>
        <td width="100%" valign="top" bgcolor="#000000">
         <div id="menu">
          <ul id="menuList" class="adxm">
           <li><a href="index.html">Home</a></li>
           <li><a href="projects.html">Projects</a>
            <ul id="ProjectsMenu">
             <li style="text-align:left"><a href="project1.html">Involving School Children</a></li>
             <li style="text-align:left"><a href="project2.html">Involving Youth</a></li>
             <li style="text-align:left"><a href="project3.html">Programmes for Educators</a></li>
             <li style="text-align:left"><a href="project4.html">Production of Education Support Material</a></li>
             <li style="text-align:left"><a href="project5.html">ESD Through Performing Art</a></li>
             <li style="text-align:left"><a href="project6.html">Towards Empowerment</a></li>
             <li style="text-align:left"><a href="project7.html">Community Support</a></li>
             <li style="text-align:left"><a href="project8.html">City's Development</a></li>
             <li style="text-align:left"><a href="project9.html">Six Networks</a></li>
            </ul>
           </li>
           <li><a href="international_links.html">International Links</a></li>
           <li><a href="celebrations.html">Celebrations</a></li>
           <li><a href="press_release.php">In Press</a></li>
           <li><a href="events.php">Events Calendar</a></li>
           <li><a href="our_team.html">Our Team</a></li>
           <li><a href="contact.html">Contact Us</a></li>
           <li class="last"><a href="sitemap.html">Sitemap</a></li>
          </ul>
         </div>
        </td>
       </tr>
       <tr>
        <td valign="top">
         <table>
          <tr>
           <td width="1%">&nbsp;</td>
           <td width="98%">
            <p align="left"><span class="redheader"><br><strong>Projects:</strong></span><br><br></p>
            <p align="justify">Arbutus with its wide spectrum of work has done multitude of projects; the list of which appears below. Click on any of the links below to read in detail on these projects.<br></p>
            <hr size="9" color="#000000">
            <p align="left"><a href="project1.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Involving School Children</strong></a><br><br></p>
            <p align="left"><a href="project2.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Involving Youth</strong></a><br><br></p>
            <p align="left"><a href="project3.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Programmes for Educators</strong></a><br><br></p>
            <p align="left"><a href="project4.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Production of Education Support Material</strong></a><br><br></p>
            <p align="left"><a href="project5.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>ESD Through Performing Art</strong></a><br><br></p>
            <p align="left"><a href="project6.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Towards Empowerment</strong></a><br><br></p>
            <p align="left"><a href="project7.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Community Support</strong></a><br><br></p>
            <p align="left"><a href="project8.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>City's Development</strong></a><br><br></p>
            <p align="left"><a href="project9.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Six Networks</strong></a><br><br></p>
            <table width="100%" border="0" cellspacing="5" cellpadding="0">
             <tr>
              <td align="right"><br><a href="#top" class="toplink"><img src="../images/top_arrow.gif" border="0" alt="Top"></a></td>
             </tr>
            </table>
           </td>
           <td width="1%">&nbsp;</td>
          </tr>
         </table>
        </td>
       </tr>
       <tr class="lightbluetable">
        <td height="20" align="center" nowrap class="footer"><i>Registered under Bombay Public Charitable Trusts Act. REG. NO.: E-847 (PUNE)</i><br>Copyright &copy; 2009. ARBUTUS. All rights reserved. Site Designed &amp; Developed By: <a href="mailto:email2manju@gmail.com" target="_blank" class="footer"> Manjusha Wadekar</a>.</td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</a>
</body>
</html>
__________________
Jerry Broughton
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #6 (permalink)  
Old 07-09-09, 12:28 PM
mozart66 mozart66 is offline
Newbie Coder
  
Join Date: Oct 2008
Posts: 21
Thanks: 0
Thanked 0 Times in 0 Posts
Hi Jerry!

THANKS A MILLION!!! The issues are fixed! Well almost! I mean, if you see the website in IE 8 (or any version of IE) you will see the bottom shows about 5 pixels of gap and the background image shows through. When the mouse hovers on the footer it expands and touches the bottom covering the space!! Weird isn't it?! Have I still made some mistake? Mozilla Firefox and Google Chrome shows the website perfectly! No white space issues there! Can you please check the website on IE and make suggestions? I may have missed out a tiny point in implementation!

But THANK YOU SO MUCH!! You were of great help!
Mozart66
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #7 (permalink)  
Old 07-09-09, 01:55 PM
job0107's Avatar
job0107 job0107 is offline
Community Liaison
  
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 2,726
Thanks: 0
Thanked 32 Times in 32 Posts
Ok, I see what you mean.
The problem is, the code is wrapped in an anchor element.
Keep your anchor element separate from the rest of the code.
And use a style to control the body margins.
HTML Code:
<!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>ARBUTUS - Children's Cultural Centre</title>
<!---<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">--->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="education, awareness, training, networking, research, arbutus, sustainable development, personality development, round tables">
<meta name="Description" content=" ARBUTUS, whose main thrust, is on Awareness, Education, and Networking for sustainable development has completed thirty years of fruitful existence. ">
<meta name="robots" content="index all">
<meta name="revisit-after" content="14 days">
<meta name="author" content="Manjusha Wadekar">
<meta name="Language" content="en-us">
<meta name="Alias" content="email2manju@gmail.com">
<meta name="Owner" content="email2manju@gmail.com">
<meta name="rating" content="Education:: Environment:: Training, Research, Networking">
<meta name="copyright" content=" ARBUTUS ">
<meta name="Classification" content="Education:: Environment:: Training, Research, Networking">
<meta name="bulletin-text" content=" ARBUTUS has worked in the fields of Awareness, Education for Sustainable Development for over thirty years now. ">
<meta name="distribution" content="Global">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-Script-Type" content="Text/Javascript">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="reply-to" content="email2manju@gmail.com">
<link rel="stylesheet" type="text/css" href="css/arbutus.css" />
<style type="text/css" media="screen, tv, projection">
    @import "css/Menu.css";
</style>
<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
    @import "css/Menu4IE.css";
    body { behavior:url("ADxMenu.htc"); }
</style>
<![endif]-->
<style type="text/css">
<!--
.style1 {color: #666666}
-->
</style>
</head>
<body class="leafybackground" style="margin:0px;">
<a name="top"></a>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td align="center" valign="top">
   <table width="781" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td width="781"><img src="http://www.arbutusccc.org/images/arbutus_banner.jpg" alt="" width="781" height="148" border="0"></td>
    </tr>
    <tr>
     <td bgcolor="#FFFFFF">
      <table width="100%" border="0" cellspacing="0" cellpadding="3">
       <tr>
        <td width="100%" valign="top" bgcolor="#000000">
         <div id="menu">
          <ul id="menuList" class="adxm">
           <li><a href="index.html">Home</a></li>
           <li><a href="projects.html">Projects</a>
            <ul id="ProjectsMenu">
             <li style="text-align:left"><a href="project1.html">Involving School Children</a></li>
             <li style="text-align:left"><a href="project2.html">Involving Youth</a></li>
             <li style="text-align:left"><a href="project3.html">Programmes for Educators</a></li>
             <li style="text-align:left"><a href="project4.html">Production of Education Support Material</a></li>
             <li style="text-align:left"><a href="project5.html">ESD Through Performing Art</a></li>
             <li style="text-align:left"><a href="project6.html">Towards Empowerment</a></li>
             <li style="text-align:left"><a href="project7.html">Community Support</a></li>
             <li style="text-align:left"><a href="project8.html">City's Development</a></li>
             <li style="text-align:left"><a href="project9.html">Six Networks</a></li>
            </ul>
           </li>
           <li><a href="international_links.html">International Links</a></li>
           <li><a href="celebrations.html">Celebrations</a></li>
           <li><a href="press_release.php">In Press</a></li>
           <li><a href="events.php">Events Calendar</a></li>
           <li><a href="our_team.html">Our Team</a></li>
           <li><a href="contact.html">Contact Us</a></li>
           <li class="last"><a href="sitemap.html">Sitemap</a></li>
          </ul>
         </div>
        </td>
       </tr>
       <tr>
        <td valign="top">
         <table>
          <tr>
           <td width="1%">&nbsp;</td>
           <td width="98%">
            <p align="left"><span class="redheader"><br><strong>Projects:</strong></span><br><br></p>
            <p align="justify">Arbutus with its wide spectrum of work has done multitude of projects; the list of which appears below. Click on any of the links below to read in detail on these projects.<br></p>
            <hr size="9" color="#000000">
            <p align="left"><a href="project1.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Involving School Children</strong></a><br><br></p>
            <p align="left"><a href="project2.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Involving Youth</strong></a><br><br></p>
            <p align="left"><a href="project3.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Programmes for Educators</strong></a><br><br></p>
            <p align="left"><a href="project4.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Production of Education Support Material</strong></a><br><br></p>
            <p align="left"><a href="project5.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>ESD Through Performing Art</strong></a><br><br></p>
            <p align="left"><a href="project6.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Towards Empowerment</strong></a><br><br></p>
            <p align="left"><a href="project7.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Community Support</strong></a><br><br></p>
            <p align="left"><a href="project8.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>City's Development</strong></a><br><br></p>
            <p align="left"><a href="project9.html"><img src="../images/bullet.JPG" border="0">&nbsp;&nbsp;&nbsp;<strong>Six Networks</strong></a><br><br></p>
            <table width="100%" border="0" cellspacing="5" cellpadding="0">
             <tr>
              <td align="right"><br><a href="#top" class="toplink"><img src="../images/top_arrow.gif" border="0" alt="Top"></a></td>
             </tr>
            </table>
           </td>
           <td width="1%">&nbsp;</td>
          </tr>
         </table>
        </td>
       </tr>
       <tr class="lightbluetable">
        <td height="20" align="center" nowrap class="footer"><i>Registered under Bombay Public Charitable Trusts Act. REG. NO.: E-847 (PUNE)</i><br>Copyright &copy; 2009. ARBUTUS. All rights reserved. Site Designed &amp; Developed By: <a href="mailto:email2manju@gmail.com" target="_blank" class="footer"> Manjusha Wadekar</a>.</td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</body>
</html>
__________________
Jerry Broughton
Last edited by job0107; 07-09-09 at 02:08 PM.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #8 (permalink)  
Old 07-10-09, 12:35 AM
mozart66 mozart66 is offline
Newbie Coder
  
Join Date: Oct 2008
Posts: 21
Thanks: 0
Thanked 0 Times in 0 Posts
Hi Jerry!

It worked! However, I still see white spaces below footer that shows leafy background. This problem is in IE ONLY. Mozilla Firefox and Google Chrome is not showing any problems so far!).

If you check the index.html (ARBUTUS - Children's Cultural Centre) you will what I mean. May be there is indeed no solution for this but this small little thing is bugging me. That's all.

Thank you once again for your great help! It is truly appreciated!
Mozart66
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #9 (permalink)  
Old 07-10-09, 06:55 AM
job0107's Avatar
job0107 job0107 is offline
Community Liaison
  
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 2,726
Thanks: 0
Thanked 32 Times in 32 Posts
This is your problem:
HTML Code:
<body class="leafybackground" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
You need to fix this on all your pages.
Like I mentioned before, use a style to control the body margins.
HTML Code:
<body class="leafybackground" style="margin:0px;">
__________________
Jerry Broughton
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #10 (permalink)  
Old 07-11-09, 12:05 AM
mozart66 mozart66 is offline
Newbie Coder
  
Join Date: Oct 2008
Posts: 21
Thanks: 0
Thanked 0 Times in 0 Posts
Hi Jerry!

THANKS A MILLION!!!

ALL MY PROBLEMS ARE FIXED FINALLY!!!!

I have learnt so much from you! I had learnt HTML programming more than 10 years back but got a chance to implement my knowledge only recently and then I realized how far behind I am!! Thanks to you I have learnt these minor nitty-gritties of programming!

Have a wonderful day!
Regards,
Mozart66
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
Reply
Page 1 of 2 1 2

Bookmarks

« Easy way to get all title meta details | Very bad view on IE 8 »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] CSS Error digioz CSS 12 07-06-09 03:09 PM
html tutoral thefrtman HTML/XHTML/XML 5 04-27-09 10:25 AM
Removing html tag attributes d*d PHP 7 03-21-09 02:38 AM
[SOLVED] Disable html tag except <br> kiko08 PHP 2 05-20-08 09:32 PM


All times are GMT -5. The time now is 12:03 PM.
vBulletin® Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
CakePHP: the rapid development php framework