Webpage created in Composer vs Viewed in Explorer-Problem

Need technical advice on coding your web pages? Covers HTML, JavaScript, CSS, and some server side technologies. Also the issue of some webpages not displayed well.

Moderator: Don_HH2K

Webpage created in Composer vs Viewed in Explorer-Problem

Postby wired2theworld » Fri 12 Sep, 2003 11:27 am

I have a webpage created in Composer. Last night I changed the borders on my photos from black to white, to give them the look of "old fashioned" photos. Looked great in Composer.
The problem is, when I view the site in Explorer, the borders are black! Is there any way to fix this?
Thanks!
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows 98)
wired2theworld
junior member
junior member
 
Posts: 11
Joined: Tue 25 Mar, 2003 3:32 pm

Postby Andrew T. » Fri 12 Sep, 2003 3:10 pm

Other than the most obvious choice, which is to not view the page with Internet Explorer? :wink:
Actually, I would do some experimentation with your site elements. If you have the opportunity to edit the raw HTML source, sure that they're given the color code #FFFFFF (white) instead of #000000 (black), and change them around through trial and error until they look the way you want them to. Without seeing the page, it's hard to give specific instructions on something as varied as HTML, however.
UserAgent: Mozilla/5.0 (Windows; U; Win95; en-US; rv:1.0.2) Gecko/20030208 Netscape/7.02
User avatar
Andrew T.
diamond member
diamond member
 
Posts: 1228
Joined: Fri 14 Mar, 2003 11:37 pm
Location: Somewhere beyond the sea

Postby Alice » Fri 12 Sep, 2003 3:20 pm

Also, is it possible that Internet Explorer was using a cached version of the page? Click the Refresh button to make sure you are viewing the updated version.
UserAgent: Mozilla/5.0 (Windows; U; Win95; en-US; rv:1.0.1) Gecko/20020826
User avatar
Alice
Mozilla Champion
Mozilla Champion
 
Posts: 1790
Joined: Sun 21 Jul, 2002 8:57 am

Postby wired2theworld » Fri 12 Sep, 2003 3:58 pm

Hi-

Thanks for the reply.

I did look at the HTML page and it did have the right color #. I also re-loaded the page and looked at it on a different computer today. I just can't understand why Explorer doesn't see it the "right" way.

Any other ideas of what I can look at?
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows 98)
wired2theworld
junior member
junior member
 
Posts: 11
Joined: Tue 25 Mar, 2003 3:32 pm

Postby wired2theworld » Fri 12 Sep, 2003 5:52 pm

I forgot to add, when viewed in Netscape Navigator it looks just fine! Unfortunately, most people view my site in Explorer :o
The website is http://www.wired2theworld.com/sicily2003.html and all the associated Sicily pages are where I made these changes.
I'd really like to find an answer to this, it just doesn't make any sense.
Thanks!
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
wired2theworld
junior member
junior member
 
Posts: 11
Joined: Tue 25 Mar, 2003 3:32 pm

Postby Alice » Sat 13 Sep, 2003 9:58 am

I did a google search on image "border color" Netscape Composer and found this page on Netscape Communicator's Composer:
http://www.newbedford.k12.ma.us/srhigh/ ... poser3.htm which says:

"The border color will always be the color of your Normal text color selection (Format...Page Colors and Properties...Colors and Backgrounds)"

When I open your page in Netscape Composer v4.79 (using File | edit page) the borders ARE black, but when Netscape Navigator 4.79 (and Mozilla 1.01 ) displays the page's image borders, they are white. Both Netscape and Mozilla browsers seem to be using the color white ("#ffffff") for the image border that's specified within the <DIV> tags around each image.

Using the following example from the source code of your page:
<div align="center"> &nbsp;<font color="#ffffff"><img
src="Sicily2003gangistairssmall.jpg" alt="" width="400" height="316"
border="10"> </font> <br> </div>

I'm afraid I'm not that experienced in HTML but maybe someone else can tell you what to use instead of the DIV tags to get IE to see the image border color you specify.
UserAgent: Mozilla/5.0 (Windows; U; Win95; en-US; rv:1.0.1) Gecko/20020826
User avatar
Alice
Mozilla Champion
Mozilla Champion
 
Posts: 1790
Joined: Sun 21 Jul, 2002 8:57 am

Postby hartlandcat » Sat 13 Sep, 2003 10:10 am

What version of Netscape Composer did you make the page in? 6.x/7.x or 4.x? I'm guessing that if your pages are problematical in IE, that you made it in a 4.x version of Composer. Composer 4.x makes Netscape 4 optimised pages, using lots of non-standard NN4-only code (which thus means it might cause problems in IE, and even Netscape 6+).
UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4) Gecko/20030624 Netscape/7.1 (ax)
Mac OS X Panther :: iBook G4
My SF Site | My Browser Reference Chart
User avatar
hartlandcat
silver member
silver member
 
Posts: 239
Joined: Sat 08 Feb, 2003 8:51 am
Location: England

Postby Alice » Sat 13 Sep, 2003 4:07 pm

OK I found the following with a groups.google search
=============copy/paste================
From: Brucie (ng01@brucies.com)
Subject: Re: IMG BORDER COLOR?
Newsgroups: comp.infosystems.www.authoring.html
Date: 2001-06-21 15:45:17 PST

"student" <student@html.edu> wrote in message
news:9gtmod0g06@drn.newsguy.com...
>
> What is the proper HTML code to set the BORDER COLOR for an image
> (not a link image)?
>
> For example,
>
> <IMG SRC="test.jpg" BORDER=10>
>
> I want a white border. IE5 displays the border as black.


in your <head>

<style type="text/css">
<!--
.aborder{
border-width : 10px;
border-style : solid;
border-color : white;
}
-->
</style>

in your <body>

<img src="an_image.gif" width="99" height="99" border="0" class="aborder">

==================end c/p======================

Combining the above with the code on your page I created a test.html file here that works in IE and Netscape (view the page source)
http://home.att.net/~wymette/files/test.html

I created the page in Notepad so you'd have to figure out how to add the extra html to the page. In Netscape Composer version 4.79 (that's what your page source says you used ) you can try Tools | Html Tools | Edit HTML.

P.S. I feel pretty stupid. I found out that <DIV> has nothing to do with adding a border color. All you need to do in Netscape is add a font color tag before and after the IMG tag, like this:
<font color="#ffffff"><img src="Sicily2003gangistairssmall.jpg" alt=""
width="400" height="316" border="10"> </font>
The problem is that it doesn't work in IE so you need to find another route. Maybe someone else can come up with an easier solution than the one I came up with. :P
UserAgent: Mozilla/5.0 (Windows; U; Win95; en-US; rv:1.0.1) Gecko/20020826
User avatar
Alice
Mozilla Champion
Mozilla Champion
 
Posts: 1790
Joined: Sun 21 Jul, 2002 8:57 am

Postby wired2theworld » Sat 13 Sep, 2003 10:18 pm

Thanks for the responses.

Harlandcat-The page was created in Netscape 7.2. It's interesting that Alice says it was made in 4.79, because I upgraded to 7.2 a long time ago. Could this be my problem somehow?

Alice-Thank you so much for your research. Don't feel stupid! The reason I first created the website in netscape Composer (over 5 years ago!) was because I knew nothing about HTML and it was easy. Unfortunately, my site has grown into a monster with over 150 pages and 1000+ photos and I still know nothing about HTML! Honestly, I'd like to convert it into another program, but it's such a huge and daunting task.

I really don't want to have to go in and manually edit every photo's HTML just to get a white font/border to show in ME.

BTW, the HTML code says
<font color="#ffffff"><img
src="Sicily2003gangistairssmall.jpg" alt="" width="400" height="316"
border="10">
so it looks like I have the correct color (white) in there.

Any other ideas?
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
Last edited by wired2theworld on Sat 13 Sep, 2003 10:32 pm, edited 1 time in total.
wired2theworld
junior member
junior member
 
Posts: 11
Joined: Tue 25 Mar, 2003 3:32 pm

Postby wired2theworld » Sat 13 Sep, 2003 10:28 pm

Ok, I had an idea.

I created a brand new page from scratch in 7.2. Most of my pages are created off a "template" I made a long time ago, probably in an older version.

So, here's the fresh page:
http://www.wired2theworld.com/test.html

When I view the source in ME it says the font color is white.
<div align="center"><font color="#ffffff"><img
src="Sicily2003palfoccsmall.jpg" alt="" width="350" height="350"
border="10">

I don't know how to tell which version of Netscape it thinks it was created in. Can someone tell me how to look at that?

Thanks!
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
wired2theworld
junior member
junior member
 
Posts: 11
Joined: Tue 25 Mar, 2003 3:32 pm

Postby hartlandcat » Sun 14 Sep, 2003 4:04 am

I'm assuming you mean Netscape 7.02 or Netscape 6.2, as there's no such thing as Netscape 7.2. If you made it about 5 years ago, then it was most likely made in either Netscape Composer 4.0 or 4.5.

Look near the top of your source code.

If it was made in Netscape Composer 4.x, it will say:
Code: Select all
<meta name="GENERATOR" content="Mozilla/4.x [en] (Windows 98; Windows 9x 4.90; U) [Netscape]">

Obviously, the 'x' will be whatever version (4.0, 4.5, 4.6 or 4.7) it was made in.
If it was made in Netscape 3.0 Gold, it will say:
Code: Select all
<meta NAME="GENERATOR" CONTENT="Mozilla/3.0Gold (Win98; I) [Netscape]">

I may be wrong, but the reason why i've given them Windows ME user-agents is because that's what I believe you're using (you keep saying 'when I view them in ME'). If not, the part where it says Windows will slightly different (it doesn't really matter).
UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.4) Gecko/20030624 Netscape/7.1
Mac OS X Panther :: iBook G4
My SF Site | My Browser Reference Chart
User avatar
hartlandcat
silver member
silver member
 
Posts: 239
Joined: Sat 08 Feb, 2003 8:51 am
Location: England

Postby Alice » Sun 14 Sep, 2003 8:23 am

The reason I thought your webpage at http://www.wired2theworld.com/sicily2003.html was created in Composer 4.79 is because when you click on View Page Source it shows
<meta name="GENERATOR"
content="Mozilla/4.79 [en] (Windows NT 5.0; U) [Netscape]">

If you're now editing the page in Composer 7.xx then it makes things a little easier. If you'd like to try my idea ... tedious as it may be :

Select the following text with the mouse then use Edit Copy or the Ctrl C key combination to copy:

<style type="text/css">
<!--
.aborder{
border-width : 10px;
border-style : solid;
border-color : white;
}
-->
</style>

Next open your page in Composer 7.xx andclick on the <HTML> Source tab at the bottom.
Then paste the above somewhere between <head> and </head> using either Edit Paste or Ctrl V (I would paste it directly underneath <head>)

Once that's done, go through in the body of the page and in each IMG tag where you want a white border, I would leave the rest of the coding alone and just add a space and class="aborder" before the close of the IMG tag, so it looks similar to this:

<font color="#ffffff"><img
src="Sicily2003gangistairssmall.jpg" alt="" width="400" height="316"
border="10" class="aborder"> </font>

Then save the page and see if that works.

From what I've gathered, Netscape needs those font tags before and after the IMG tag to change the border color, while Internet Explorer needs the <style> tag and the additional class="aborder" within each IMG tag to show a white border. At least that's what I could find with a google search. Hopefiully someone else that knows more about HTML will come up with a better solution.
UserAgent: Mozilla/5.0 (Windows; U; Win95; en-US; rv:1.0.1) Gecko/20020826
User avatar
Alice
Mozilla Champion
Mozilla Champion
 
Posts: 1790
Joined: Sun 21 Jul, 2002 8:57 am

Postby wired2theworld » Sun 14 Sep, 2003 1:49 pm

Wow, I realize I was really unclear. :oops:
Ok, I have Netscape 7.02 and windows XP on my computer. When I view the website in Internet Explorer the borders on the photo come up black.

When I look at the HTML coding on my Sicily pages, it says,
<meta name="GENERATOR"
content="Mozilla/4.79 [en] (Win95; U) [Netscape]">
This seems odd, but then I realized that the original pages were made on my laptop with 4.79 and then transferred to my PC which has 7.02. Obviously they don't really convert to 7.02, even though I open and work on them in 7.02. Subsequent pages are made by copying old pages to make "new", in 7.02. I guess the HTML still sees them as 4.79

When I look at the HTML coding on my "Test" page, created on my PC in 7.02, it doesn't say anywhere in the HTML which version it is. Weird.

It's also odd that the page that Alice looked at said Windows NT 5.0. I've never had that version.

Alice-I tried your fixes on my test page and unfortunately they did not work. All I got was " class="aborder" in white, next to the photo. Border was still black. :shock:

I know that Netscape Composer is just an "afterthought" to the browser, but I just cannot believe that they would create something that would not be able to be viewed properly in IE. :? I checked my website stats and only 13% of my viewers use Netscape, so I'd really like to make it work. Otherwise, can anyone recommend a better program (that doesn't cost a fortune)?

Someone else out there must have run into this.

Thanks!
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
wired2theworld
junior member
junior member
 
Posts: 11
Joined: Tue 25 Mar, 2003 3:32 pm

Postby hartlandcat » Sun 14 Sep, 2003 2:11 pm

They don't "convert" to anything. The <meta name="GENERATOR"
content="Mozilla/4.79 [en] (Win95; U) [Netscape]"> is just part of the HTML.

Anything you create in Netscape Composer 4 is unlikely to display correctly in Netscape 7, let alone IE. It seems as though you're unaware of the browser wars story. In 1996-1998, Netscape and Microsoft had a war. Instead of making their browsers more or less compatible with each other, they did completely their own thing. That's why Netscape 3.0 is very different from IE 3.0, and Netscape 4.0 is very different from IE 4.0. Also, in 1997, around 50% of people used Netscape. The aim was not to try to make pages made in Netscape Composer 4 compatible with IE, unlike WYSIWYG editors of today.
UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.4) Gecko/20030624 Netscape/7.1
Mac OS X Panther :: iBook G4
My SF Site | My Browser Reference Chart
User avatar
hartlandcat
silver member
silver member
 
Posts: 239
Joined: Sat 08 Feb, 2003 8:51 am
Location: England

Postby wired2theworld » Sun 14 Sep, 2003 8:55 pm

Hartlandcat-Actually, I was referring to Netscape converting the old pages built in 4.79 to 7.02 once I opened them in 7.02. That's why I was surprised that they still said 4.79.

Looks like it's time for me to learn some new software. I keep running into issues like this with Composer. I just need to find a better product.
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
wired2theworld
junior member
junior member
 
Posts: 11
Joined: Tue 25 Mar, 2003 3:32 pm

Next

Return to Web Design and Page Coding

Who is online

Registered users: Google [Bot]