Solved

MS Word generated html web page loads blank page in frame

Posted on 2006-06-13
7
630 Views
Last Modified: 2013-12-16
Hi

I'm using the MS Word web page wizard to setup a simple site (because I don't have any other tools).

I have a frame with some links in the left side for navigation and the remainder of the screen is a larger frame on the right side.

One of the pages that gets loaded into my main (right side) frame contains images that are links to additional pages and when working in Word I can get to these other linked pages just fine using control - click; however when I use IE6 these other pages load as blank.htm in the right side frame.  The hypelinks appear to be defined correctly, and when I mouse over one of the images in the right frame the microhelp bar shows the correct file name.

UNfortunately I don't have this published yet so I am only able to test it in my browser using File, but the source for the frame that is not working is below. An example of one of the links that is not working is the href="VinePage.htm in the code below.

After I click the image that is the hyperlink my right side frame totally blanks out, the microhelp at the bottom of the browser says 'vinepage.htm', which is right; but the browser shows default.htm as the address - and this is not right.  If I load the vinepage.htm file in my browser it looks just fine.

I know that the html below is lengthy, but any help would be greatly appreciated










<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta name="Microsoft Theme 2.00" content="artsy 101">
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">
<link rel=File-List href="Fiber%20Work_files/filelist.xml">
<link rel=Edit-Time-Data href="Fiber%20Work_files/editdata.mso">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Fiber Work</title>
<!--[if gte mso 9]><xml>
 <o:DocumentProperties>
  <o:Author>XYZ</o:Author>
  <o:LastAuthor>XYZZY</o:LastAuthor>
  <o:Revision>12</o:Revision>
  <o:TotalTime>66</o:TotalTime>
  <o:Created>2006-06-09T15:40:00Z</o:Created>
  <o:LastSaved>2006-06-13T22:22:00Z</o:LastSaved>
  <o:Pages>1</o:Pages>
  <o:Words>12</o:Words>
  <o:Characters>71</o:Characters>
  <o:Company> </o:Company>
  <o:Lines>1</o:Lines>
  <o:Paragraphs>1</o:Paragraphs>
  <o:CharactersWithSpaces>82</o:CharactersWithSpaces>
  <o:Version>10.6626</o:Version>
 </o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:DefaultTableStyle Number="155">Table Theme</w:DefaultTableStyle>vi
  <w:Compatibility>
   <w:BreakWrappedTables/>
   <w:SnapToGridInCell/>
   <w:WrapTextWithPunct/>
   <w:UseAsianBreakRules/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]-->
<style>
<!--
 /* Font Definitions */
 @font-face
      {font-family:"Franklin Gothic Medium";
      panose-1:2 11 6 3 2 1 2 2 2 4;
      mso-font-charset:0;
      mso-generic-font-family:swiss;
      mso-font-pitch:variable;
      mso-font-signature:647 0 0 0 159 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
      {mso-style-parent:"";
      margin:0in;
      margin-bottom:.0001pt;
      mso-pagination:widow-orphan;
      font-size:12.0pt;
      font-family:Arial;
      mso-fareast-font-family:"Times New Roman";
      color:#FFFF99;}
h1
      {mso-style-next:Normal;
      margin-top:12.0pt;
      margin-right:0in;
      margin-bottom:3.0pt;
      margin-left:0in;
      mso-pagination:widow-orphan;
      page-break-after:avoid;
      mso-outline-level:1;
      font-size:24.0pt;
      font-family:Arial;
      color:#FFCC00;
      mso-font-kerning:16.0pt;
      font-weight:normal;}
h2
      {mso-style-next:Normal;
      margin-top:12.0pt;
      margin-right:0in;
      margin-bottom:3.0pt;
      margin-left:0in;
      mso-pagination:widow-orphan;
      page-break-after:avoid;
      mso-outline-level:2;
      font-size:18.0pt;
      font-family:Arial;
      color:#99CC00;
      font-weight:normal;}
h3
      {mso-style-next:Normal;
      margin-top:12.0pt;
      margin-right:0in;
      margin-bottom:3.0pt;
      margin-left:0in;
      mso-pagination:widow-orphan;
      page-break-after:avoid;
      mso-outline-level:3;
      font-size:14.0pt;
      font-family:Arial;
      color:#669933;
      font-weight:normal;}
h4
      {mso-style-next:Normal;
      margin-top:12.0pt;
      margin-right:0in;
      margin-bottom:3.0pt;
      margin-left:0in;
      mso-pagination:widow-orphan;
      page-break-after:avoid;
      mso-outline-level:4;
      font-size:12.0pt;
      font-family:Arial;
      color:#FF9933;
      font-weight:normal;}
h5
      {mso-style-next:Normal;
      margin-top:12.0pt;
      margin-right:0in;
      margin-bottom:3.0pt;
      margin-left:0in;
      mso-pagination:widow-orphan;
      mso-outline-level:5;
      font-size:10.0pt;
      font-family:Arial;
      color:#FFCC00;
      font-weight:normal;}
h6
      {mso-style-next:Normal;
      margin-top:12.0pt;
      margin-right:0in;
      margin-bottom:3.0pt;
      margin-left:0in;
      mso-pagination:widow-orphan;
      mso-outline-level:6;
      font-size:8.0pt;
      font-family:Arial;
      color:#669933;
      font-weight:normal;}
a:link, span.MsoHyperlink
      {color:#FFCC00;
      text-decoration:underline;
      text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
      {color:#999966;
      text-decoration:underline;
      text-underline:single;}
@page Section1
      {size:8.5in 11.0in;
      margin:1.0in 1.25in 1.0in 1.25in;
      mso-header-margin:.5in;
      mso-footer-margin:.5in;
      mso-paper-source:0;}
div.Section1
      {page:Section1;}
-->
</style>
<!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
      {mso-style-name:"Table Normal";
      mso-tstyle-rowband-size:0;
      mso-tstyle-colband-size:0;
      mso-style-noshow:yes;
      mso-style-parent:"";
      mso-padding-alt:0in 5.4pt 0in 5.4pt;
      mso-para-margin:0in;
      mso-para-margin-bottom:.0001pt;
      mso-pagination:widow-orphan;
      font-size:10.0pt;
      font-family:"Times New Roman";}
table.MsoTableTheme
      {mso-style-name:"Table Theme";
      mso-tstyle-rowband-size:0;
      mso-tstyle-colband-size:0;
      border:solid #CCCC66 1.0pt;
      mso-border-alt:solid #CCCC66 .5pt;
      mso-padding-alt:0in 5.4pt 0in 5.4pt;
      mso-border-insideh:.5pt solid #CCCC66;
      mso-border-insidev:.5pt solid #CCCC66;
      mso-para-margin:0in;
      mso-para-margin-bottom:.0001pt;
      mso-pagination:widow-orphan;
      font-size:10.0pt;
      font-family:"Times New Roman";}
</style>
<![endif]--><!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="9218"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout></xml><![endif]-->
</head>

<body bgcolor=white background="Fiber%20Work_files/image004.jpg" lang=EN-US
link="#FFCC00" vlink="#999966" style='tab-interval:.5in'>
<!--[if gte mso 9]><xml>
 <v:background id="_x0000_s1025" o:bwmode="white" o:targetscreensize="800,600">
  <v:fill src="Fiber%20Work_files/image004.jpg" o:title="arttilea" type="frame"/>
 </v:background></xml><![endif]-->

<div class=Section1>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

<h2 style='margin-top:0in'><!--[if gte vml 1]><v:shapetype id="_x0000_t75"
 coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe"
 filled="f" stroked="f">
 <v:stroke joinstyle="miter"/>
 <v:formulas>
  <v:f eqn="if lineDrawn pixelLineWidth 0"/>
  <v:f eqn="sum @0 1 0"/>
  <v:f eqn="sum 0 0 @1"/>
  <v:f eqn="prod @2 1 2"/>
  <v:f eqn="prod @3 21600 pixelWidth"/>
  <v:f eqn="prod @3 21600 pixelHeight"/>
  <v:f eqn="sum @0 0 1"/>
  <v:f eqn="prod @6 1 2"/>
  <v:f eqn="prod @7 21600 pixelWidth"/>
  <v:f eqn="sum @8 21600 0"/>
  <v:f eqn="prod @7 21600 pixelHeight"/>
  <v:f eqn="sum @10 21600 0"/>
 </v:formulas>
 <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_s1033" type="#_x0000_t75"
 href="BlueMoonsRisingPage.htm" style='position:absolute;margin-left:375.75pt;
 margin-top:108.25pt;width:115.5pt;height:95.25pt;z-index:-3' o:button="t">
 <v:fill o:detectmouseclick="t"/>
 <v:imagedata src="Fiber%20Work_files/image002.jpg" o:title="BlueMoons4x6"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:-3;margin-left:501px;margin-top:144px;width:154px;height:127px'><a
href="BlueMoonsRisingPage.htm"><img border=0 width=154 height=127
src="Fiber%20Work_files/image011.jpg" v:shapes="_x0000_s1033"></a></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1030" type="#_x0000_t75" href="MayaPage.htm" style='position:absolute;
 margin-left:165pt;margin-top:256.5pt;width:140.25pt;height:95.25pt;z-index:-6'
 o:button="t">
 <v:fill o:detectmouseclick="t"/>
 <v:imagedata src="Fiber%20Work_files/image008.jpg" o:title="Mayalow"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:-6;margin-left:220px;margin-top:342px;width:187px;height:127px'><a
href="MayaPage.htm"><img border=0 width=187 height=127
src="Fiber%20Work_files/image012.jpg" v:shapes="_x0000_s1030"></a></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1027" type="#_x0000_t75" href="VinePage.htm" target="MainFrame"
 style='position:absolute;margin-left:165pt;margin-top:108.25pt;width:127.5pt;
 height:95.25pt;z-index:-8' o:button="t">
 <v:fill o:detectmouseclick="t"/>
 <v:imagedata src="Fiber%20Work_files/image001.jpg" o:title="mcentee3"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:-8;margin-left:220px;margin-top:144px;width:170px;height:127px'><a
href="VinePage.htm" target=MainFrame><img border=0 width=170 height=127
src="Fiber%20Work_files/image010.jpg" v:shapes="_x0000_s1027"></a></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1029" type="#_x0000_t75" href="IntersectionPage.htm" style='position:absolute;
 margin-left:568.5pt;margin-top:108pt;width:138.75pt;height:95.25pt;z-index:-7'
 o:button="t">
 <v:fill o:detectmouseclick="t"/>
 <v:imagedata src="Fiber%20Work_files/image013.jpg" o:title="Intersectionlow"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:-7;margin-left:758px;margin-top:144px;width:185px;height:127px'><a
href="IntersectionPage.htm"><img border=0 width=185 height=127
src="Fiber%20Work_files/image015.jpg" v:shapes="_x0000_s1029"></a></span><![endif]><span
style='font-size:20.0pt;font-family:"Franklin Gothic Medium";color:#FFFF99'>Currently
Available Vessels and Wall Hangings<o:p></o:p></span></h2>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

<p class=MsoNormal><!--[if gte vml 1]><v:shape id="_x0000_s1035" type="#_x0000_t75"
 href="VinePage.htm" target="_self" style='position:absolute;margin-left:341.25pt;
 margin-top:334.05pt;width:127.5pt;height:95.25pt;z-index:-1' o:button="t">
 <v:fill o:detectmouseclick="t"/>
 <v:imagedata src="Fiber%20Work_files/image001.jpg" o:title="mcentee3"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:-1;margin-left:455px;margin-top:445px;width:170px;height:127px'><a
href="VinePage.htm" target="_self"><img border=0 width=170 height=127
src="Fiber%20Work_files/image005.jpg" v:shapes="_x0000_s1035"></a></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1034" type="#_x0000_t75" href="HenbitFieldsPage.htm" style='position:absolute;
 margin-left:165pt;margin-top:354.85pt;width:126.75pt;height:94.5pt;z-index:-2'
 o:button="t">
 <v:fill o:detectmouseclick="t"/>
 <v:imagedata src="Fiber%20Work_files/image016.jpg" o:title="HenbitFields"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:-2;margin-left:220px;margin-top:473px;width:169px;height:126px'><a
href="HenbitFieldsPage.htm"><img border=0 width=169 height=126
src="Fiber%20Work_files/image017.jpg" v:shapes="_x0000_s1034"></a></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1032" type="#_x0000_t75" href="IntersectionRevisitedPage.htm"
 style='position:absolute;margin-left:585.75pt;margin-top:183.7pt;width:102.95pt;
 height:136.95pt;z-index:-4' o:button="t">
 <v:fill o:detectmouseclick="t"/>
 <v:imagedata src="Fiber%20Work_files/image003.jpg" o:title="IntersectionRevisited"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:-4;margin-left:781px;margin-top:245px;width:137px;height:183px'><a
href="IntersectionRevisitedPage.htm"><img border=0 width=137 height=183
src="Fiber%20Work_files/image018.jpg" v:shapes="_x0000_s1032"></a></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1031" type="#_x0000_t75" href="Flo'sYellowWarePage.htm" style='position:absolute;
 margin-left:382.7pt;margin-top:179.35pt;width:102.5pt;height:136.8pt;
 z-index:-5' o:button="t">
 <v:fill o:detectmouseclick="t"/>
 <v:imagedata src="Fiber%20Work_files/image006.jpg" o:title="DSC00186"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:-5;margin-left:510px;margin-top:239px;width:137px;height:182px'><a
href="Flo'sYellowWarePage.htm"><img border=0 width=137 height=182
src="Fiber%20Work_files/image019.jpg" v:shapes="_x0000_s1031"></a></span><![endif]><span
style='font-size:14.0pt'>Click picture for details<o:p></o:p></span></p>

</div>

</body>

</html>
0
Comment
Question by:Rockjodo
7 Comments
 
LVL 21

Assisted Solution

by:Julian Matz
Julian Matz earned 300 total points
ID: 16899155
Hi Rockjodo,

I'm sorry to have to say that you cannot use MS Word to create web pages. It's simply not possible.
I could try and find a solution to the problem, but I think I would be wrong in doing so.

There are many tools you can use to create web pages, some free, and some expensive, but honestly, Word is not one of them.

I'll try and get you a list of some HTML editors...
0
 
LVL 7

Assisted Solution

by:mpn_1983
mpn_1983 earned 100 total points
ID: 16899188
Try Dreamweaver or Go-live on a trial period, of the two i'd reccomend dreamweaver simply because go-live is a soon to be discontinued product after the Adobe - Macromedia Merger/Takeover, then if you like the product you won't have got used to something that has no more life span, you might also consider trying Frontpage (in it's latest incarnation its not so bad) and if you can find it although i don't think a version is out there, there's Expression web designer (microsoft's revised attempt at a WYSIWYG program that should also include some of the power of visual studio).

hope some of this helps - this continues the idea above that MS Word cannot and definatley should not be used to create web pages - the biggest reason in my opinion is that is produces horrible code and masses of it.

Matt
0
 
LVL 21

Assisted Solution

by:Julian Matz
Julian Matz earned 300 total points
ID: 16899190
Here's a list of some links, editors and tools:

http://www.w3.org/Tools/
http://www.webceo.com/
^^ I have used this software, but not the HTML editor, apparently it lets you edit web pages with search engine optimisation in mind, so by right it should create valid markup.
http://www.adobe.com/products/dreamweaver/
^^ Dreamweaver is a very popular What-You-See-Is-What-You-Get (WYSIWYG) editor, and they offer a 30-day free trial.
http://www.download.com/
^^ Lots of freeware tools.
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 21

Assisted Solution

by:Julian Matz
Julian Matz earned 300 total points
ID: 16899225
Of course the best thing to do (but also the most difficult for beginners) would be to use a source code editor (preferably color-coded) and start learning the basics of HTML and CSS.

I can also recommend Frontpage as already mentioned, but I use it mainly as a source code editor.
A very popular (and free) source code editor is Notepad++.

There are many resources for learning the basics of HTML and CSS. A very good one is www.w3schools.com.
http://validator.w3.org/ will validate your markup, and http://jigsaw.w3.org/css-validator/ can validate your CSS.
0
 
LVL 10

Assisted Solution

by:ClickCentric
ClickCentric earned 100 total points
ID: 16900019
Frames and Word....you've got an uphill battle.  I agree with the above posters.  While this theoretically can be done, the output from Word is such ugly code that it makes any tiny problem painful to track down.  

While I can't see what there is causing the problem with the blank.html loading into the frame as I can't see your frameset page, the reason that the url doesn't update is that it shouldn't.  In a framed page, the URL should always remain that of the frameset page and shouldn't change relative to the contents of any specific frame.
0
 

Author Comment

by:Rockjodo
ID: 16900835
Thanks for the input.  This is to be a very simple website with a frame and pages of text & graphics. Need is ongoing, but can't justify the cost of Dreamweaver.

Which are the best of the freeware / dirtcheapware authoring tools ?  I would rather not slog through all of the freeware on the net if someone has a good recommendation

Thanks again
0
 
LVL 21

Accepted Solution

by:
Julian Matz earned 300 total points
ID: 16903426
This one's supposed to be good:
http://www.w3.org/Amaya/Amaya.html
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question