Jump to content

offline webpage wont show in browser


Guest racketyjack

Recommended Posts

Guest racketyjack

Hi folks, Just joined the site here recently. First want to say hello and then would like to ask a question concerning a problem Im having. Ive never made a webpage before offline until now. Its taken me a little time but pretty much got it figured out till now when I ran into this little problem. I am doing a business homepage in frames. In the main window it should show not only what I call the home page but also other pages to the website Ive listed in a directory Ive placed along the side of the website in another frame. I even have a header frame and all was good up until now. I added another page to the directory and it doesnt show when I click on the link in the browser. Ive checked the callout in my html editor ad nauseum to no avail. Anyway, the code looks like this...

 

</HEAD>

<BODY BACKGROUND="WHITE" LINK="#000000" VLINK="#800080">

<TABLE BORDER="0" CELLPADDING="3" CELLSPACING="3">

<TR><TD ALIGN=CENTER>

<IMG SRC="images/flag.gif" BORDER=0 ALT="Long may she wave">

</TR></TD>

 

<TR><TD ALIGN=Center>

<FONT FACE="Times, Arial" SIZE=+1><B><I>Our Website:</I></B></FONT><BR>

<HR SIZE=4 COLOR="Black" WIDTH=100%><P>

<A HREF="D:/WebPages/jevans/JECACR1.html" TARGET="MAIN-WINDOW"

onMouseOver="hiLite('img1', 'home2')"

onMouseOut="hiLite('img1','home1')">

<img src="images/home1.jpg" BORDER="o" alt="Home" NAME="img1">

</A><P>

 

<A HREF="D:/WebPages/jevans/example.html" TARGET="MAIN-WINDOW"

onMouseOver="hiLite('img3', 'example2')"

onMouseOut="hiLite('img3','example1')">

<img src="images/example1.jpg" BORDER="o" alt="Examples of work" NAME="img3">

</A><P>

 

<A HREF="D:/WebPages/jevans/terms.html" TARGET="MAIN-WINDOW"

onMouseOver="hiLite('img4', 'terms2')"

onMouseOut="hiLite('img4','terms1')">

<img src="images/terms1.jpg" BORDER="o" alt="Terms of service" NAME="img4">

</A><P>

 

<A HREF="D:/WebPages/jevans/resource.html" TARGET="MAIN-WINDOW"

onMouseOver="hiLite('img5', 'resource2')"

onMouseOut="hiLite('img5','resource1')">

<img src="images/resource1.jpg" BORDER="o" alt="Links" NAME="img5">

</A><P>

 

<A HREF="D:/WebPages/jevans/contact.html" TARGET="MAIN-WINDOW"

onMouseOver="hiLite('img6', 'contact2')"

onMouseOut="hiLite('img6','contact1')">

<img src="images/contact1.jpg" BORDER="o" alt="Contact us" NAME="img6">

</A><P>

</TR></TD>

<TR><TD ALIGN=LEFT>

<FONT SIZE="2" COLOR="Black">

For GOD so loved the world,

that he gave his only begotten son,

that whosoever believeth in him

should not perish,

but have everlasting life.<BR> John 3:16<P>

</FONT>

<Center>

<IMG SRC="images/buscard.jpg" ALT="Jonathan Evans Custom American Classic Rifles" BORDER="1">

</Center></TR></TD>

</TABLE>

</BODY>

 

The "Home" page, JACACR1, works fine. But the terms and examples page dont show up at all. Any ideas whats going on here?

Link to comment
Share on other sites

A couple of quick comments, none of which, unfortunately, will address your original problem!

 

  1. Almost all members herein DO NOT use tables or frames for formatting
  2. We use CSS for formatting instead
  3. You need a "doctype" specified right after the initial <head> and <html> tags
  4. You DO need an <html> beginning tag just after the <body> tag and an end </html> tag just before your </body> tag
  5. Use only lower-case type in your text editor

 

Other, more experienced members are more likely than I to spot your initial problem, but I shall have another look now.

 

OK! Here are several errors I spotted that MAY fix your problem.

 

  1. You use the "paragraph" <p> tag, but you have no "end paragraph" </p> tags
  2. You use border="o" several places. It should be a "zero" 0

 

I Strongly recommend you study our tutorials in basic web design offered within this KillerSites web program. The beauty of the "pure" HTML and CSS method taught there is that the HTML pages have virtually NO styling attributes. ALL the formatting / styling: fonts, colors, positioning etc is done in the CSS. This makes for a MUCH cleaner HTML "source-code", and makes all the pages have a consistent "look". Also your HTML pages are MUCH easier to edit!

 

All best! Alfie

Edited by daddyalfie
Link to comment
Share on other sites

Slight but important corrections to daddyalfie's comments:-

3. You need a "doctype" specified right BEFORE the initial <html> tag

4. You DO need an <html> beginning tag just BEFORE the <head> tag and an end </html> tag just AFTER your </body> tag

 

The order should be:-

 

Doctype

<html>

<head>............</head>

<body>............</body>

</html>

 

Check your code in this validator:-

http://validator.w3.org/

(it may refuse to check the code until it's nearly correct).

 

Choose a doctype from here:-

http://www.w3.org/QA/2002/04/valid-dtd-list.html

preferably Strict HTML or XHTML for pages inserted inside frames

Frames doctype for the frameset file.

Edited by Wickham
Link to comment
Share on other sites

If your page is not showing in the web browser, it may be because you do not have the right extension, .htm or .html. Set the preferences in your text editor to plain text and save as .htm or .html, check to see that the text editor has not added a double extension .txt.htm.

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...
×
×
  • Create New...