The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> My links won't open in internet explorer.
iec110
post Feb 21 2013, 08:10 PM
Post #1





Group: Members
Posts: 6
Joined: 16-February 13
Member No.: 18,671
Hi everyone I need some help with my site. I inserted some images on my webpage and I want to use the image as a link that will link back to my index.html page. For some reason the link works in Firefox but not when I use internet explorer. I don't understand why it won't work in Internet Explorer. Can anyone help me please? I don't have a place to upload my page to the internet I will post the code, or if some could paste in thier notepad and maybe give it a try, and if anyone can help me with this it would be great. I did validate my code and my style sheet at w3, and no errors where found. I will post my css stylesheet code, my index page, and my about us page. The pic on the about us page will has the link to the index page. Thank you in advance for any help.

css style sheet below.
CODE
h1,h2,h3 {
  text-align: center;
  font-family: georgia, "times new roman", times, serif;
  }
h1 {
  margin: 0;
  font-size: 2em;
  border: solid black;
  background: rgb(189,204,212);
  }
h2 {
  font-size: 1.5em;
  color: rgb(72,61,139);
  }
h3 {
font-size: 1.5em;
color: rgb(72,61,139);
}
#skipnav {
  width: 40em;
  text-align: right;
  font-family: tahoma, arial, helvetica, sans-serif;
  color: #422100;
  margin: 0 auto;
  padding: 0.25em;
  }
#box {
  border: solid black;
  width: 40em;
  padding: 1em;
  margin-left: auto;
  margin-right: auto;
  font-family: tahoma, arial, helvetica, sans-serif;
  background-color: rgb(176,196,222);  
  }
#contact {
  text-align: right;
  padding: 1em;
  background: rgb(106,90,205);
  color: rgb(255,255,255);
  clear: right;
  }
#callout {
  font-weight: bold;
  }
#title {
  font-style: italic;
}
.toplink {
  text-align: right;
  padding: 0 1em 0.25em 0;
  margin: 0;
  }
a:link {
  color: black;
  }
a:visited {
  color: #422100;
  }
a:hover {
  color: blue;
  }
a:active {
  color: #422100;
  }
#pagenav a:link {
  color: black;
  }
#pagenav a:visited {
  color: #422100;
  }
#pagenav a:hover {
  color: blue;
  }
#pagenav a:active {
  color: #422100;
  }
figure{
  display: block;
  float: right;
  margin: 0 0 0.5em 1em;
  padding: 0;
  clear: right;
  }
body {
  padding: 0;
  margin: 0;
  background: #6e93c8;
  background: url("images/blueclouds.jpg");
  }
img {
  border: 0;
  }


My index page code below
CODE
html>
  <head>
    <meta charset="utf-8" />
    <title>Mary's Dried Flowers & Produce - Homepage</title>
    <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
    <link rel="stylesheet" type="text/css" media="print" href="llprint.css" />
    <!--if lt IE 9]>
      <script src="scripts/semantic.js></script>
    <![endif]-->
  </head>
  <body>
    <p id="skipnav"><a href="#main">Skip navigation</a></p>
    <div id="box">
      <h1>Mary's Dried Flowers & Produce</h1>
      <nav>
        <p id="mainnav">
          <a href="index.html">Home</a> |
          <a href="about_us.html">About Us</a> |
          <a href="dried_flowers.html">Dried Flowers</a> |
          <a href="wreaths.html">Wreaths</a> |
          <a href="produce.html">Produce</a> |
          <a href="feedback.html">Feedback</a> |
          <a href="http://www.weather.com/weather/right-now/Holland+MI+USMI0396" target="_blank">Local Weather</a> |
          <a href="http://maps.google.com/maps?daddr=he+City+of+Holland+Farmers+Market+150+West+8th+St+Holland,+Michigan+49423&hl=en&ll=42.790204,-86.112964&spn=0.007606,0.01929&sll=42.790163,-86.112974&sspn=0.007606,0.01929amp;geocode=FRPtjAIdMgXe-iHC1PhFuQ3HWCm_BFnDt_IZiDHC1PhFuQ3HWA&mra=ls&t=m&z=16&iwloc=ddw1" target="_blank">Map</a>
        </p>
      </nav>
      <h2 class="maintext">Welcome</h2>
      <figure id="pics">
        <a href="index.html"><img src="images/hollandmarket.jpg" width="260" height="173" alt="The Holland Farmers Market" /></a>
      </figure>
      <p id="main">The best dried flowers and produce for sale at <span id="callout">The Holland Farmers Market</span>.We sell on <span id="title">
      Wednesdays and Saturdays from 5:00 A.M to 3:00 P.M.</span></p>
      <p>Besure to view our Feedback page, we would really like to hear from you, and know if you are looking for something we don't have. We will
      do the best we can to get your hard to find item at our stand.</p>
      <p id="contact">The City of Holland Farmers Market.<br /> 150 West 8th St.<br /> Holland, Michigan 49423</p>
    </div>
  </body>
</html>


And my about us page below.
CODE
<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8" />
    <title>Mary's Dried Flowers & Produce - About Us</title>
    <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
    <link rel="stylesheet" type="text/css" media="print" href="llprint.css" />
    <!--if lt IE 9]>
      <script src="scripts/semantic.js></script>
    <![endif]-->
  </head>
  <body>
    <p id="skipnav"><a href="#main">Skip navigation</a></p>
    <div id="box">
      <h1>Mary's Dried Flowers & Produce</h1>
      <nav>
        <p id="mainnav">
          <a href="index.html">Home</a> |
          <a href="about_us.html">About Us</a> |
          <a href="dried_flowers.html">Dried Flowers</a> |
          <a href="wreaths.html">Wreaths</a> |
          <a href="produce.html">Produce</a> |
          <a href="feedback.html">Feedback</a> |
          <a href="http://www.weather.com/weather/right-now/Holland+MI+USMI0396" target="_blank">Local Weather</a> |
          <a href="http://maps.google.com/maps?daddr=he+City+of+Holland+Farmers+Market+150+West+8th+St+Holland,+Michigan+49423&hl=en&ll=42.790204,-86.112964&spn=0.007606,0.01929&sll=42.790163,-86.112974&sspn=0.007606,0.01929amp;geocode=FRPtjAIdMgXe-iHC1PhFuQ3HWCm_BFnDt_IZiDHC1PhFuQ3HWA&mra=ls&t=m&z=16&iwloc=ddw1" target="_blank">Map</a>
        </p>
        <p id="pagenav">
          <a href="#market">The Market</a> |
      </nav>
      <h2 id="main" class="maintext">About Us</h2>
      <figure id="pics">
        <a href="index.html"><img src="images/barn.jpg" width="260" height="173" alt="Mary's Barn" /></a>
      </figure>
      <p>Mary has been creating floral arrangements since 1983, and started selling produce when she was 20 years old. Mary currently sells her dried
      flowers and produce at The Holland Farmers Maket. <span id="callout">Mary does take special orders</span> for people who are looking for that special arrangement,she will
      make wreaths,bouqets,and arrangements to your taste.<span id="title">Mary also sells Michigan only produce</span>. Some of the produce that can be bought includes
      strawberries, blueberries, asparagus, red raspberries, pumpkins, mini pumpkins, and other produce. Be sure to stop at The Holland Farmers
      Market and see the wide selection of dried flowers and produce.</p>
      <p>Have a look around our site, and visit our dried flower page, wreath page, and produce page to see what we sell. Be sure to check out our
      feedback page and let us know what you think.</p>      
      <p class="toplink"><a href="#box">Back to top</a></p>
      <h3 id="market" class="maintext">The Market</h3>
      <p>Summer time means it's time for The Holland Farmers Market.The Holland Farmers Market is one of the best markets right here in West Michigan
      On Saturdays the market has various street perfomers for our customers enjoyment. The market is a great stop for tourists as well as locals.
      You can find the best produce,flowers,baked goods, meats,and a whole lot more...all from local farmers and vendors. Be sure to find out what is
      in season, special events, and more at The Holland Farmers Market offical website at <a href="http://www.hollandfarmersmarket.com/" target="_blank">www.hollandfarmersmarket.com</a>.The market runs every Wednesday
      and Saturday, from May through October.</p>       
      <p id="contact">The City of Holland Farmers Market.<br /> 150 West 8th St.<br /> Holland, Michigan 49423</p>
    </div>
  </body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
iec110   My links won't open in internet explorer.   Feb 21 2013, 08:10 PM
pandy   This one? <figure id="pics"> ...   Feb 21 2013, 08:46 PM
Christian J   unless the JS in the conditional comment does som...   Feb 22 2013, 06:51 PM
pandy   And this is why a URL is so much easier...   Feb 22 2013, 07:10 PM
iec110   I don't have a link sorry. I'm just practi...   Feb 21 2013, 08:52 PM
pandy   After I complete the code I open the page up from...   Feb 21 2013, 09:50 PM
iec110   After I complete the code I open the page up fro...   Feb 22 2013, 04:12 PM
iec110   Thanks for your replies, I don't know what it ...   Feb 26 2013, 04:04 PM
pandy   Odd things happen. Good it's solved anyway. ;)   Feb 26 2013, 04:08 PM

« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 9th May 2024 - 12:07 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC