My links won't open in internet explorer. |
My links won't open in internet explorer. |
iec110 |
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> |
pandy |
Feb 21 2013, 08:46 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 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? |
iec110 |
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.
|
pandy |
Feb 21 2013, 09:50 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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. |
iec110 |
Feb 22 2013, 04:12 PM
Post
#5
|
Group: Members Posts: 6 Joined: 16-February 13 Member No.: 18,671 |
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. |
Christian J |
Feb 22 2013, 06:51 PM
Post
#6
|
. Group: WDG Moderators Posts: 9,653 Joined: 10-August 06 Member No.: 7 |
|
pandy |
Feb 22 2013, 07:10 PM
Post
#7
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
And this is why a URL is so much easier...
|
iec110 |
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.
|
pandy |
Feb 26 2013, 04:08 PM
Post
#9
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Odd things happen. Good it's solved anyway.
|
Lo-Fi Version | Time is now: 19th April 2024 - 09:55 PM |