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
 
Reply to this topicStart new topic
Replies(1 - 8)
pandy
post Feb 21 2013, 08:46 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,424
Joined: 9-August 06
Member No.: 6



This one?
CODE

<figure id="pics">
        <a href="index.html"><img src="images/barn.jpg" width="260" height="173" alt="Mary's Barn" /></a>
  </figure>


Nothing wrong with that that I can see unless the JS in the conditional comment does something funky with it. It works in my IE. In what way doesn't it work for you?

That can't be the intended use of FIGURE, but that wouldn't stop the link from working.

Can you link to the page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
iec110
post Feb 21 2013, 08:52 PM
Post #3





Group: Members
Posts: 6
Joined: 16-February 13
Member No.: 18,671



I don't have a link sorry. I'm just practicing from a book I got. After I complete the code I open the page up from my desktop using firefox and I.E. When I use Firefox all the images lead back to the hope page, but when I use I.E. and hover to click the images nothing happens. Thanks for the reply at least I know if I uploaded it to a actual server it would work, just not on my computer for some reason.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 21 2013, 09:50 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,424
Joined: 9-August 06
Member No.: 6



QUOTE(iec110 @ Feb 22 2013, 02:52 AM) *

After I complete the code I open the page up from my desktop using firefox and I.E. When I use Firefox all the images lead back to the hope page, but when I use I.E. and hover to click the images nothing happens


That sounds as if something is positioned on top of the link. Do you have more CSS than you posted here? I see you link to two style sheets.


QUOTE
Thanks for the reply at least I know if I uploaded it to a actual server it would work, just not on my computer for some reason.


Afraid it probably doesn't have anything to do with that you view the page on your own machine.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
iec110
post Feb 22 2013, 04:12 PM
Post #5





Group: Members
Posts: 6
Joined: 16-February 13
Member No.: 18,671



QUOTE(pandy @ Feb 21 2013, 09:50 PM) *

QUOTE(iec110 @ Feb 22 2013, 02:52 AM) *

After I complete the code I open the page up from my desktop using firefox and I.E. When I use Firefox all the images lead back to the hope page, but when I use I.E. and hover to click the images nothing happens


That sounds as if something is positioned on top of the link. Do you have more CSS than you posted here? I see you link to two style sheets.


QUOTE
Thanks for the reply at least I know if I uploaded it to a actual server it would work, just not on my computer for some reason.


Afraid it probably doesn't have anything to do with that you view the page on your own machine.


The second style sheet is for a printing. If someone wants to print in only black and white it will print with out colors.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Feb 22 2013, 06:51 PM
Post #6


.
********

Group: WDG Moderators
Posts: 8,246
Joined: 10-August 06
Member No.: 7



QUOTE(pandy @ Feb 22 2013, 02:46 AM) *

unless the JS in the conditional comment does something funky with it.

What about that one?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 22 2013, 07:10 PM
Post #7


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,424
Joined: 9-August 06
Member No.: 6



And this is why a URL is so much easier...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
iec110
post Feb 26 2013, 04:04 PM
Post #8





Group: Members
Posts: 6
Joined: 16-February 13
Member No.: 18,671



Thanks for your replies, I don't know what it was, maybe my computer needed a break. But all the links are working properly now. Maybe I'll try to find someplace to upload my practice sites. Thanks for having patience and helping me out.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 26 2013, 04:08 PM
Post #9


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,424
Joined: 9-August 06
Member No.: 6



Odd things happen. Good it's solved anyway. wink.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

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

 



- Lo-Fi Version Time is now: 19th November 2019 - 02:32 AM