Website only views in IE

N

nikabelle

Hello!
I am working with the following:
Windows XP
Microsoft Publisher 2007
GoDaddy hosting for Windows

I have designed my webpages, published them, and uploaded them to GoDaddy.
They view beautifully in IE but in firefox and alternate browsers it doesn't
view correctly. The W3 validator picks out a ton of problems but I'm barely
fluent in English, much less HTML! How do I stop Publisher from making
Microsoft specific HTML? Is that even my problem?
 
D

DavidF

Please post a link to your site and explain specifically what is not
rendering correctly. Also what browsers are you using and what versions?
Most cross browser issues are fairly easy to solve, but we need to see the
site and the problems. Help us help you.

DavidF
 
R

Rob Giordano [MS MVP]

I doubt you'll ever get a Publisher generated website to validate. But there
are some workarounds to make it work in other browsers.
 
N

neumaaarts

"Rob" How can this be done?

Rob Giordano said:
I doubt you'll ever get a Publisher generated website to validate. But there
are some workarounds to make it work in other browsers.
 
R

Rob Giordano [MS MVP]

It depends on the problem, you'll have to show us the problem pages for
better answers.



--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression
 
N

nikabelle

Our main site which we are having a problem on is
http://www.phoenixfamilycarcare.com
the problems are also on the following sites:
http://www.phoenixfamilycarcare.com/dents.html
http://www.phoenixfamilycarcare.com/detail.html
http://www.phoenixfamilycarcare.com/glass.html
http://www.phoenixfamilycarcare.com/paint.html

They only view as designed in IE 7 and 8. I've tried Mozilla Firefox and
whatever browser that Nintendo Wii Internet uses to no avail. It just says
TEXT BOX TEXT BOX TEXT BOX and has some of our verbage. Is there a way to
unfilter the html that is automatically generated when I publish to HTML?
Sorry for the delay in my post, I wasn't emailed upon your replies. Thank
you for your help.

Nicole
 
D

DavidF

Holly cow batman! ;-) I have studied your pages or sites for 30 minutes and
still can't figure out everything you have done. So, I have some questions.

First of all, are you using a Master Page? Go to View > Master Page. If you
have anything on a Master Page you need to move it to the main publication
page. Just drag it off into the scratch area and then switch back to the
main page and drag those elements back onto your pages.

Second...specifically how did you create the three blue bordered text boxes
on http://www.phoenixfamilycarcare.com ? How did you apply the hyperlink to
the whole text box?

Third...there is no such site or page as
http://www.phoenixfamilycarcare.com/dents.html but there is a
http://www.phoenixfamilycarcare.com/dents.htm . Be careful about getting the
extension correct. Now the question is, did you actually make up your 'site'
with 7 different Publisher files? If so, when you uploaded the 'dents'
publisher web files, did you upload the 'dents_files' folder along with the
'dents.htm' file?

While it is a bit unconventional to build a seven page website with 7
different pub files, that is ok. I assume you did it because you wanted the
links to read as http://www.phoenixfamilycarcare.com/dents.htm vs.
http://www.phoenixfamilycarcare.com/index_files/dents.htm which is what you
would have got if you had built the site in one pub file. However, if you
are going to build a site with 7 different Pub files, then each time you
Publish to the web you will generate both a home page such as 'dents.htm'
plus the corresponding 'dents_files" subfolder and you will need to upload
both. Your 'glass.htm' file will have a 'glass_files' folder, etc.

Please explain and answer the questions above and help me understand how you
have built your site, and we will be able to help you get it working in FF
and other browsers.

DavidF
 
N

nikabelle

DavidF! Thank you for your assistance and commitment to helping me thus far.
Many apologies for not being prompt in my responses. I don't often have
computer access during work hours and for some reason I am not receiving the
alert emails when I receive responses, but I digress... onto the matter at
hand!

I am not using a Master Page. On all 7 files the Master Pages are blank.

In order to make the blue boxes, I made a text box and formatted it to have
a thick, blue border. To make the entire box a link, I made it a hot spot
that directed to the according page's address.
http://www.phoenixfamilycarcare.com./dents.htm, paint.htm, etc.

Yes, I have 7 different publisher files, one for each page of the site. When
I publish to the web (File > Publish to the Web) an html document (dents) and
a file folder (dents_files) is made. I didn't know there was another way to
do the 7 pages in only one index file, so I did what I know how to do. I also
like that it reads .com/dents.htm. I do not know how to upload the file
folders (dents_files) onto my hosting site. I can only open the folders and
upload the individual contents, but there is a lot of messy overwriting
involved short of renaming everything in each of the 7 folders and there must
be an easier way! I will work on this issue this afternoon.

I think that covers everything. Again, thank you for your help so far!

Nicole
 
D

DavidF

You can't rely on that emailing service from the forum. Just stop by and see
if your question has a response.

Ok. You can continue to build your site with multiple Publisher files, but
you have to upload the supporting folder for each as they contain the images
for the pages. You said that you don't know how to upload the 'dents_files'
folder or the other supporting folders.You upload them the same way you
upload the individual files...just upload the whole folder with the files
within. How are you uploading? Describe the steps without disclosing any
passwords...

DavidF
 
S

stella

DavidF,
I don't mean to interupt, but I think I'm having the same problem. I
created a website in MS Publisher, and it works great in IE but the links
don't work with other browsers. The homepage will open fine, but then the
links to the other pages don't work at all. Our website is
www.grobengineering.com Any ideas? I created the links by highlighting
text and clicking hyperlink, then specifying the page to link to.
 
D

DavidF

Stella,

The main navbar links work for me in IE7 and FF3. Which links in particular
do not work for you and with which browser?

I did notice that your pages do not load correctly in FF3 with no images and
the text not rendering correctly. You did not say, but I am guessing that
you are using Pub 2003. Go to Tools > Options > Web tab and uncheck "Rely on
VML...". Republish and see if that fixes this problem.

Be sure to compress your images before you upload again. Publisher 2003 and
2007 do not automatically resample and optimize the images for the web. You
should use the compress pictures feature.

Reference: Compress graphics file sizes to create smaller Publisher Web
pages (2003):
http://office.microsoft.com/en-us/publisher/HA011266301033.aspx

Reference: Compress Pictures dialog box (2007):
http://office.microsoft.com/en-us/help/HA100363901033.aspx?pid=CL100605171033

On your home page you have a number of images. One is
http://www.grobengineering.com/index_files/image294.jpg and it is 1.41 megs.
This means that it takes ~7 minutes for just that one image to download if
the viewer is using a dial-up connection. It also means that unless you
'compress' the image, which will resample and resize the image, that
Publisher will make a poor quality copy of that image that will be viewed in
FF.

DavidF
 
N

nikabelle

What I mean is it's not allowing me to upload the folder and I don't know a
way around it. I can only upload individual files onto my hosting site. It
also isn't allowing me to create a folder on the hosting site and upload the
individial files into it. That's a problem I will take up with GoDaddy. I'll
keep you posted on my progress!

Nicole
 
S

stella

DavidF,
Thanks so much for the response. I compressed the images, and they all look
fine except one of them (the long, narrow image of topographic contours just
below our company name). I removed the compression on that one. Something
strange is still happening. I don't know what changed, but as you said the
links worked this morning but the graphics were messed up with other
browsers. I checked Chrome, Foxfire, and Safari. Now, the graphics look OK,
but none of the links work. I went to all 3 browsers and it opens the
homepage, but I can't link to any of the other pages. "Rely on VML..." was
already unchecked. Any other thoughts? Do the links still work for you? I
doubt it, but I don't know what changed. Help?
Thanks,
Steve
 
S

stella

DavidF,
OK, here's the deal. If I uncheck "Rely on VML..." the graphics look OK but
the links don't work. If I check it, the links work, but the graphics are
messed up. Is there a way to correct this so that the links and graphics are
both OK in other browsers?
Thanks
 
D

DavidF

Hi Steve,

I just checked a few minutes ago and it looks like you are making progress.

That image I referenced before is now just 6.25 kb...sure loads a whole lot
faster.

Now as per the links and the "rely on vml..." . Definitely leave that option
unchecked as it is essential for a Pub 2003 web to render in FireFox and
thus other non-IE browsers.

As to why the links don't work, currently it appears that your links are
being converted to an image, which will kill them. Also much of the rest of
your page is also being converted to images including the main text on the
home page. Now there are a number of reasons for this happening, but it is
hard to tell for sure which is the reason for your situation, so I will just
go through the list of the most common reasons.

First of all, to help you identify those things that are being converted to
an image, the easiest way is when you Publish to the Web and produce your
index.htm file and your index_files folder, direct those files to a folder
on your hard drive somewhere you can easily find them. I suggest the desktop
for now. Now go to the index_files folder and open it, and switch to
thumbnail view (view > thumbnails). Now you can scan the files in that
folder to find where text and your links have been converted to an image.
Look first for the main text box on your home page and the navbar links.

I am guessing that there are one of two reasons your navbar has been
converted to an image, along with the text in the main section of your home
page. The first one is easy to test. Go to your home page in your Pub
publication and Edit > Select All and then to Arrange > Ungroup. When you
group different design elements together it is handy for moving them all
around while you are laying out your page, but if you leave them grouped
together and publish your web files Publisher will make a combined image of
the different design elements. Note that this also fixes a problem with
Publisher wizard built navbars rendering in IE8, too. So after ungrouping
everything on every page of your publication, publish new web files to your
desktop, and go back and look at the thumbnails again.

If there are any left, and there are likely to be, then the next step to
take has to do with the way Publisher 2003 deals with fill color in text
boxes. In most cases if you use a fill color, once again a text box will be
converted to an image. Now, even if there are no links in that text box and
the text box looks sorta ok in FF, you should still fix this. The reason
being that you want the search engines to be able to be able to read that
text when they index your site, plus there is always the possibility that
someone a sight disability using a text reader will want to view...read your
site.

So assuming that your main text box is being converted to an image because
of the fill, you have two options. You can remove the fill, or if you want
to keep the look you have then here is a workaround. The first step is to
remove the fill from the text box. Now go to Arrange > Snap > and make sure
that at least the 'To Objects' option is checked. This will make the next
step easier.

Go to Insert > Text box and then put the cross hairs on the upper left
corner of the main text box where you just removed the fill color. Left
click on that corner and holding the left mouse button down, drag a new text
box down to the lower right corner of the original text box. The Snap to
feature should make it easy to make a new text box exactly the same size as
the original text box. If you let up on the left mouse button then don't
worry about it. Just position the new text box over the original ones and
drag the sides until they snap to the sides of the original text box. Now
fill that new text box with the original color > Arrange > Order > Send to
Back. You just put the color filled text box behind your original text box
that still has the text but no color, and it should look exactly as it did
before...you have layered the text boxes. But now when you publish new
webfiles the text will not be converted to an image and existing links will
be preserved.

At this point let me give you another couple tips. You can test your pages
in FireFox without uploading them. Once you publish to the web and direct
the files to your desktop, then find the index.htm file or the other .htm
files in the index_files folder, right click, open with FF. This will allow
you to preview the pages before you upload them. Now, the second tip...try
this before you rebuild the text box as per my instructions above. Once you
open your page in FF, try to left click and drag to select some of the
text...if you can't, then it is an image. Between this technique and looking
for the thumbnails you should be able to identify every place in your
publication where the text has been converted to an image.

Ok, the next step. I believe that the main text box and your navbar is
probably being converted to images either because of grouping or using fill
color, but there is at least one other thing that Publisher can choke on.
Sometimes borders can convert design elements into images. I haven't found a
fool proof rule for this but it seems that the fancier the border, the more
likely it is to happen. So, as a rule if you have ungrouped, adjusted for
the fill color issue, and if the design element is still being converted to
an image, then either remove the border or change it to a simple thin
border. Test as you go to see what works.

I bring this border issue up because though I doubt that it is affecting
your text boxes I think it might be affecting the quality of the images you
see on your home page in FF. Generally after you compress your images,
Publisher will use the same image for both IE and FF, but in your case I am
seeing that FF is loading a low quality gif file copy of your images. Now, I
could be wrong as you have been switching different versions of your web
files. But if you look at them and they seem a bit fuzzy and lower quality
than the version in IE, then try either dropping the borders entirely or
going with a simple thin black border and test the results. Now add the
color back into the border and test again. And if things are still working
well, you can increase the thickness of the border until it pleases your eye
and does not result in the image being converted into the low quality gif
file. You can also spot the duplicate gif files using thumbnail view in the
index_files folder...

Ok, I have written enough for now. I realize that I wrote a lot of detail
but it is not as difficult as it might appear on face value and I wanted you
to understand not only the 'fix' but also the 'why', and with that knowledge
you should be able to troubleshoot any remaining cross browser issue you
might have with your site. It boils down to ungroup, not use fill colors or
layer fill color design elements, and check for how the borders impact your
pages. Oh and don't use a Master page, but in your case I don't think you
are.

Of course if you run across something that still isn't working correctly,
then post back with a link to the specific page and specifics about the
issue and I will help you work out a solution for that. In fact, do post
back and let me know how it worked out.

DavidF
 
D

DavidF

You have at least two options. I suspect that you are using the GoDaddy file
manager to upload, which if I remember correctly does only allow you to only
upload single files and not folders.

The best choice in the long run is to download and install the free FTP
client FileZilla:
http://filezilla-project.org/ While it will take you a little effort to
learn now to use it, in the long run it will be much easier and faster to
upload your files to your host server. Be sure to peruse this page:
http://filezilla.sourceforge.net/documentation/ and download and read the
instructions.

Here is another link to another host that gives some good instructions and
screenshots for using FileZilla. It might not be exactly the same as the
root directory/folder at GoDaddy might be different, but it should help:

Reference: Aplus.net: How do I upload with Filezilla:
http://www.apluskb.com/scripts/How_do_I_upload_with_answer3668.html

The second option is to go to Tools > Options > Web tab and uncheck the
option to use the supporting folder. When you do this all your files will be
loose together. This is likely to get a bit messy with you building your
site with different Publisher files, so I would suggest that you invest the
time to learn how to use FileZilla...it will save you a lot of time and
effort in the future.

Ultimately you may need to delete your old Publisher web files off the
server. If you do this be careful to not delete any of the GoDaddy folders
or files, and just the Publisher web files.

Good luck.

DavidF
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top