CarlaHouze Posted June 15, 2012 Report Share Posted June 15, 2012 I've been able to create all the individual pages as instructed by the video in Web design 1, part3, 2nd video: the index, tables_tutorial, CSS and productList pages. As an individual page it shows that the links to the Tables_tutorial, CSS and productList page seem to be active but I can not get them to connect. I've tried lots of different things but still can not get it to work. Please help!!! Quote Link to comment Share on other sites More sharing options...
Andrea Posted June 15, 2012 Report Share Posted June 15, 2012 Can you post the entire code from the page? Quote Link to comment Share on other sites More sharing options...
CarlaHouze Posted June 15, 2012 Author Report Share Posted June 15, 2012 Attached are the individual html files for the pages. Not sure if you will be able to open them? And this is the html code for the index.html file: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> Web design - tutorials</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="ROOT.css" rel="stylesheet"type="text/css"> </head> <body> LOGO GOES HERE <div id="navigation"> <ul> <li><a href=”productList.html">Products</a></li> <li><a href=”CSS.html">CSS</a></li> <li><a href="tables_tutorial.html">Tables Tutorial</a></li> </ul> </div> <!--MAIN DOC STARTS HERE--> <!--MAIN DOC STARTS HERE--> <div id="centerDoc"> <h3> THE PLACE TO LEARN WEB DESIGN!</h3> <p> If you want to learn web design, <span class ="makeBold">you've come to the right place!</span> The following is a list of some of the key areas of this website that will get you on your way designing web pages in no time: </p> <h3>WEB DESIGN ARTICLES FOR BEGINNERS AND EXPERTS</h3> <p> The articles section of killersites.com contains a grab bag of information related to web design ... anything from Flash to XML. It is best to just snoop around and you will probably find something you're interested in. </p> <h3>FOR TOTAL BEGINNERS</h3> <p> If you are totally new to web design, your first stop to learning web design should be www.how-to-build-websites.com. When you're done there, come back to killersites.com for more. </p> <h3>DO YOU HAVE QUESTIONS?</h3> <p> The killersites.com message/bulletin board has plenty of helpful people - don't be shy to join in on the conversation! BTW, the message board is also a little treasure chest of information that you can search with the boards' search tool. </p> <h3>WHAT ELSE IS THERE?</h3> <p> Killersites.com has a few other 'goody' sections that you might want to explore: the free stock photography and the Web Designers Handbook come to mind. </p> Thanks for stopping by. Stefan Mischook © 2004 killersites.com – all rights reserved articles </body> </html> (ps: thx for the help index.html tables_tutorial.html productList.html CSS.html Quote Link to comment Share on other sites More sharing options...
Andrea Posted June 15, 2012 Report Share Posted June 15, 2012 On a quick glance, the code looks ok. What exactly do you mean by 'you cannot get them to connect'? Assuming all the files are saved in the same folder, you should be able to click on the links and the respective page should open. Quote Link to comment Share on other sites More sharing options...
CarlaHouze Posted June 15, 2012 Author Report Share Posted June 15, 2012 The links do not open when I click on them. Quote Link to comment Share on other sites More sharing options...
CarlaHouze Posted June 15, 2012 Author Report Share Posted June 15, 2012 They are all saved as Desktop files but I also moved them to a new folder to see if it will work. The links still do not open.The message from Internet Explorer is that I must make sure that the web address is spelled correctly. Quote Link to comment Share on other sites More sharing options...
CarlaHouze Posted June 15, 2012 Author Report Share Posted June 15, 2012 When I click "diagnose problem" It says: windows can't find "file///C:users/carla/Desktop/"productList.html%22" Don't know what the %22 means? Quote Link to comment Share on other sites More sharing options...
Andrea Posted June 15, 2012 Report Share Posted June 15, 2012 This seems to be 'one of those things. Look at your code on any pages where the links don't work. Specifically this part: <ul> <li><a href=”productList.html">Products</a></li> <li><a href=”CSS.html">CSS</a></li> <li><a href="tables_tutorial.html">Tables Tutorial</a></li> </ul> You may see that the quotes don't all look the same. (The tables_tutorial link works, the other 2 don't) This has something to do with the type of font used (not for your website but as you type the code). Just open your html page up in your editor, delete each quote and re-type it. That should do it. As to your question about the %22 - that's merely how browsers translate spaces. So a file name of my file.html would show up in your browser's address bar as: my%22file.html. Try fixing the quotes and let me know if that's not the problem. Quote Link to comment Share on other sites More sharing options...
benjaminmorgan Posted June 15, 2012 Report Share Posted June 15, 2012 %22 just means a quote mark " it is adding that because like Andrea said the quotes are formatted from another editor and once you retype them it should be fixed. Don't use editors that have rich text format. A good editor is notepad++ that has great syntax highlighting if you are on windows. %20 would be a space. Quote Link to comment Share on other sites More sharing options...
CarlaHouze Posted June 15, 2012 Author Report Share Posted June 15, 2012 Aaaaaah I'm totally freaking out!!! That is so awesome. This is my 1st "Web Site" with links that I built. EVER!!!! It's working!! And what is so great is I actually noticed that but wasn't sure if it was a problem or not with the " " thing!!! Thanks Quote Link to comment Share on other sites More sharing options...
CarlaHouze Posted June 15, 2012 Author Report Share Posted June 15, 2012 %22 just means a quote mark " it is adding that because like Andrea said the quotes are formatted from another editor and once you retype them it should be fixed. Don't use editors that have rich text format. A good editor is notepad++ that has great syntax highlighting if you are on windows. %20 would be a space. Thanks Benjamin. I used Notepad but I think I copied some of the code from a word document that I put together during studying some of the HTML basics. Will a Word Document be what you mean by "rich text format"? Quote Link to comment Share on other sites More sharing options...
benjaminmorgan Posted June 15, 2012 Report Share Posted June 15, 2012 Yes, notepad is fine, i personally prefer syntax highlighting. Don't use wordpad or microsoft word or open office. Always use a text editor when coding whether it be html / css/ javascript etc. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.