By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
439,977 Members | 1,352 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 439,977 IT Pros & Developers. It's quick & easy.

Links won't work in IE7

P: 3
First of all, let me say I've had very little training in html and probably know just enough to be dangerous. I designed a website for my alumni association last summer using XHTML Transitional and CSS. I finally got around to posting it, but in the meantime IE7 came out. Everything looks fine in IE6 and FF, but when the page is opened in IE7 the links are dead. I've tried several fixes, but can't get anything to work. Any help you could give me would be greatly appreciated.


The URL to the site is: http://www.summersvillealumni.com.

The index page code is:

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html>
  4. <head>
  5. <link rel="stylesheet" type="text/css" href="style2.css"/>
  6.  
  7.  
  8. <title>SHS Alumni</title>
  9. </head>
  10.  
  11.  
  12.  
  13.  
  14. <body>
  15. <img src="catface.gif" alt="wildcat" align="left" height="88" width="110"/>
  16. <div id="header"> <font color="#000000"/>Summersville High School Alumni
  17. <font size="5"/> <font color="#000000"/>Summersville, Missouri ~ Home of the Wildcats!
  18. </div>
  19.  
  20. <div id="content">
  21. <font color="red" size="3">Having trouble getting the links to work? If so, you're probably running Internet Explorer 7. I am aware of the problem and I'm working to figure out a solution. In the meantime, you can do a couple of things. You can download the Mozilla Firefox browser (if you don't already have it) and the site will run fine. OR you can uninstall Internet Explorer 7 which should revert you back to Internet Explorer 6. NOTE: IF YOU ARE USING WINDOWS VISTA, DO NOT UNINSTALL IE7!
  22.  </font>
  23. <h2>Welcome SHS Graduates</h2>
  24. <font size="4">Welcome to the Summersville High School Alumni Association Home Page. This site has been designed to inform SHS graduates about Alumni events, to provide a way to keep in touch with former classmates and, maybe, to even locate long lost friends...
  25. <br/>
  26. <br/>
  27. <font size="4">The website is pretty basic right now, but hopefully we'll be able to add things and keep it updated regularly. If you don't mind, take some time and let us know you've been here by signing the<a href="http://www.anvilbook.com/guestbook.php?lfann"><b> Graduate Guestbook</b></a> and check to see who else has logged on. There's a place for you to leave some basic information which might make it easier for you to be reached...perhaps in time for your next reunion.</font>
  28. <br/>
  29. <br/>
  30. <i>If you just happened upon this site and aren't a Summersville graduate, we'd love it if you would sign the 
  31. <a href="http://www.anvilbook.com/guestbook.php?lisafann"><b>Visitor Guestbook</b></a></i>
  32. <br/>
  33. <br/>
  34. If you are the contact person for your class, please send me an email and let me know so I can add you to the class contacts list.
  35. <br/>
  36. <br/>
  37. <b>Looking for a long lost classmate?</b>Try posting to the<a href="http://www.anvilbook.com/guestbook.php?fannlisa"> <b>Have You Seen?</b></a> section of the site. Also...check there in case anyone is looking for you. Just be careful not to post any information that is too personal.
  38. <br/>
  39. <br/>
  40. <font size="4">Also, feel free to <a href="mailto:lfann@socket.net"> email </a>with suggestions and ideas to enhance the website. Be sure to tell other SHS Alumni about the site and encourage them to visit.</font>
  41. <br/>
  42. <br/>
  43.  
  44. <a href="http://www.summersville.k12.mo.us/Hschool.htm"><img src="cat.jpg" height="60px" width="60px"alt="wildcat"/><br/>Visit Summersville High School </a>
  45. </font>
  46.  
  47. </div>
  48.  
  49. <div id="nav">
  50. <font size="3">
  51. <font color="#FFFFFF">Alumni Home</font>
  52. <br/>
  53. <br/>
  54. <a href="history.html">Alumni History</a>
  55. <br/>
  56. <br/>
  57. <a href="events.html">Upcoming Events</a>
  58. <br/>
  59. <br/>
  60. <a href="contacts.html">Class Contacts</a>
  61. <br/>
  62. <br/>
  63. <a href="officers.html">Past Alumni Officers</a>
  64. <br/>
  65. <br/>
  66. <a href="Grad Classes.html">Class Lists</a>
  67. <br/>
  68. <br/>
  69. <a href="reunion photos.html">Reunion Photos</a>
  70. <br/>
  71. <br/>
  72. <a href="http://groups.google.com/group/summersville-alumni?hl=en">Alumni Discussion</a>
  73. <br/>
  74. <br/>
  75. <a href="http://www.anvilbook.com/guestbook.php?lfann">Graduate Guestbook</a>
  76. <br/>
  77. <br/>
  78. <a href="http://www.anvilbook.com/guestbook.php?lisafann">Visitor Guestbook</a>
  79. <br/>
  80. <br/>
  81. <a href="http://www.anvilbook.com/guestbook.php?fannlisa">Have You Seen?</a>
  82. <br/>
  83. <br/>
  84. <br/>
  85. <br/>
  86. <br/>
  87. <br/>
  88. <br/>
  89. <br/>
  90. </font>
  91. </div>
  92.  
  93.  
  94. <address><font size="2"/> <font color="#FFFFFF"/>
  95.     Last Updated: June 23, 2007<br />
  96.     Webmaster: Lisa Fann<br />
  97.     Email: <a href="mailto:lfann@socket.net">lfann@socket.net</a><br />
  98.   2006 Lisa Fann<br/>
  99.     </address>
  100.  
  101. <p><font size="2"/> <font color="FFFFFF"/>Get a free guestbook at <br/> <a href="http://www.anvilbook.com">www.anvilbook.com </a></p>
  102.  
  103.  <p>
  104.     <a href="http://validator.w3.org/check?uri=referer"><img
  105.         src="http://www.w3.org/Icons/valid-xhtml10"
  106.         alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
  107.   </p>
  108.  
  109. </body> 
  110. </html>
  111.  
The CSS code is:

Expand|Select|Wrap|Line Numbers
  1.  
  2. body { font-family:Arial; 
  3. margin: 0px; 
  4. background-color: #000000;
  5. padding-left:5px }
  6.  
  7. #header { font: bold 48px Times;
  8.  
  9. padding-left: 180px;
  10. padding-bottom:6px;
  11. border-bottom:2px solid black;
  12. background-color: #CCCC00;
  13. margin-bottom: 0px }
  14.  
  15. #content { float: right;
  16. padding: 1px 20px 1px 10px;
  17. width:70%;
  18. margin: 0px;
  19. padding:25px;
  20. border-left: 2px solid black;
  21. background-color: #FFFFFF }
  22.  
  23.  
  24.  
  25. #nav { float: left;
  26. width: 20%;
  27. margin-top: 0px;
  28. font-weight: bold;
  29. padding: 20px;
  30. border: none;
  31. font-family: Arial }
  32.  
  33. #nav a { text-decoration: underline;
  34. color: #CCCC00 }
  35.  
  36. #nav a:link { color:#CCCC00 }
  37.  
  38. #nav a:visited {color:#FFFF99}
  39.  
  40. #nav a:hover {color:#FFFF99}
  41.  
  42. #bottomleft {position:absolute; bottom:4px; left:6px }
  43.  
  44. td, th { padding: 3px;
  45. border:4px solid #CCCC00;
  46. background-color: #FFFF99;
  47. text-align: left;
  48. margin: 0px;
  49. font-size:medium;}
  50.  
  51. h2 {margin-top: 10px }
  52.  
  53.  
Jun 27 '07 #1
Share this Question
Share on Google+
4 Replies


P: 27
Hi,
I copied your code and pasted it in an .html file on my PC and it worked just fine in IE 7. the only difference is that I pasted all your CSS code in the <head> section and did not include it as an external file. (this shouldn't be the problem but try it anyways)

Hopefully it helps.
Jun 27 '07 #2

P: 3
I tried what you said, and the links do work, but all my formatting is wrong. There are no frames and the colors are wrong. Could you go to my URL and see if that works on your IE7?

http://www.summersvillealumni.com

Thanks!
Jun 27 '07 #3

P: 27
I tried what you said, and the links do work, but all my formatting is wrong. There are no frames and the colors are wrong. Could you go to my URL and see if that works on your IE7?

http://www.summersvillealumni.com

Thanks!

...hm....what you would try is to add to your #nav in the CSS code: position:absolute; and then go to your <body> and erase the </div> at the end of the left-hand-side menu and move it at the end of the document just before your closing </body> tag. try and let me know if this works cause i didn't have much time to play around with it. Also try to put your menu in <p> menu </p> format just make it as a paragraph...
Jun 27 '07 #4

P: 3
WOW! It worked! Now all I have to do is move the </div> on all my other pages linked to the stylesheet. I'll post again if I encounter any more problems, but you seem to have solved this one.

I appreciate your quick response and the awesome advice. THANKS!!!
Jun 27 '07 #5

Post your reply

Sign in to post your reply or Sign up for a free account.