Solved

MS Word generated html web page loads blank page in frame

Posted on 2006-06-13
7
616 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
How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

 
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

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

743 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now