Hi All,

 

 

I am a complete beginner and trying to adapt a template I purchased to try and teach myself a little code etc. This problem has got me completely stumped, so please help me if you can before I go mad

 

I am having a problem getting pictures to show up in IE9. They appear fine in Chrome, Firefox etc but not in IE? Can anyone see where I have gone wrong please?

 

I have attached the CSS Code in a txt file to save space and my HTML Code is:

 

 <!DOCTYPE HTML>
<html>

<!-- #BeginTemplate "main.dwt" -->

<head>
<!-- #BeginEditable "doctitle" -->
<title>Web Site By Timothy Web Design - [url="http://www.timothywebdesign.com</title"]www.timothywebdesign.com</title[/url]>
<!-- #EndEditable -->
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen">
<style type="text/css">
</style>
</head>

<body style="background-color:#FFFFFF; ">

<div id="wrapper">

 <div id="top">

  <img alt="Outwoods Logo Jpeg" src="images/JPEG-Outwoods-Logo.jpg">
 </div>

 <div id="topnav">
  <ul>
   <li><a href="index.html">WELCOME</a></li>
   <li><a href="about.html">ABOUT</a></li>
   <li><a href="products.html">PRODUCTS</a></li>
   <li><a href="services.html">SERVICES</a></li>
   <li><a href="team.html">TEAM</a></li>
   <li><a href="contact.html">CONTACT</a></li>
  </ul>
 </div>

 <div id="banner">

 </div>

 <div id="subbanner">
  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat magna et mi semper rutrum. Sed elementum semper tincidunt. Curabitur consequat, sapien non consectetur elementum.</h3>
 </div>

       <div id="content">
           <!-- #BeginEditable "Content" -->
           <h1>Welcome To Fullerton Corporation</h1>
           <p>Lorem pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</p>
           <p>Lorem pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. </p>

  <img src="images/1.jpg" />
  <img src="images/3.jpg" />
  <img src="images/2.jpg" />

  <h2>Second Level Heading on Page</h2>
           <p>Lorem pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</p>

       <!-- #EndEditable -->

       </div>

       <div id="rightside">
           <!-- #BeginEditable "rightside" -->
           <h2>Sidebar Heading</h2>
           <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</p>
           <img src="images/calendar-icon.jpg" />
           <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</p>
           <h2>Sidebar Heading</h2>
           <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</p>
       <!-- #EndEditable -->
       </div>

 <div id="footer">
  <p>©Copyright 2011 Sample Company Name. Pellentesque habitant morbi tristique senectus.</p>
 </div>

  </div>

</body>
<!-- #EndTemplate -->
</html>

<!-- Timothy Framework - [url="http://www.timothyframework.com"]www.timothyframework.com[/url] -->

<!-- This work is licensed under the MIT License - [url="http://www.opensource.org/licenses/mit-license.php"]http://www.opensource.org/licenses/mit-license.php[/url] -->

CSS Code.txt

If you host it you'll get a better response, people are too lazy to download things

 

Get Dropbox if you need a quick host.