Jump to content
Killersites Forums

Help! I'm Stuck!


CarlaHouze
 Share

Recommended Posts

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!!!

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

%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.

Link to comment
Share on other sites

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 :D:clap:

Link to comment
Share on other sites

%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"?

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...