My new web site-problems with Safari

[gurtch]

I recently used MS Expressions Web 4 to completly rebuild my web site. It displays fine on IE but I just got an Ipad and Safari murders the home page. "About Us" page is also distorted. All the Photo Album pages are OK. I am a 74 year old amateur, and web development is not my strong suit...I know nothing about HTML code!
Thanks in advance
Dave Gurtcheff Beach Haven, NJ
My site is here:
www.modernpictorials.com
Could someone with both browsers check it out on both to see my problem?

 

[Bob]

I recently used MS Expressions Web 4 to completly rebuild my web site. It displays fine on IE but I just got an Ipad and Safari murders the home page. "About Us" page is also distorted. All the Photo Album pages are OK. I am a 74 year old amateur, and web development is not my strong suit...I know nothing about HTML code!
Thanks in advance
Dave Gurtcheff Beach Haven, NJ
My site is here:
www.modernpictorials.com
Could someone with both browsers check it out on both to see my problem?

The web site looks fine in firefox and bad in Safari.
I downloaded the image to my desktop and it looks fine in Safari.
I then looked at the source code of tour page and I think that I se the problem
There is a style tag which indicates a height of 800% and a width of 80%
ie and firefox ignore this, safari interprets it.
Solution:
Change:
<img alt="" height="739" src="s57A%20web%20site%20home%20page%20liftng%20fog%20pollys%20dock.jpg" style="height: 800%; width: 80%; vertical-align: middle; border-style: solid; border-width: 3px" width="1080" /></p>
to
<img alt="" height="739" src="s57A%20web%20site%20home%20page%20liftng%20fog%20pollys%20dock.jpg" style="vertical-align: middle; border-style: solid; border-width: 3px" width="1080" /></p>

I think that ought to help
-bob

 

[Bob]

And...
It is always better to re-size the image than to use the height and width attributes of the img tag.
When you use these, you force the user to download the complete image and then have the browser re-size it with usually less than ideal results.
-bob

 

[Godfrey]

Right on the money, Bob.

I wouldn't use Expressions Media to generate website source pages, personally. I dumped it when Microsoft bought it (previously named iView Media Pro) when I found they weren't really interested in doing much with it that made sense.

Nowadays, I think it's more sensible to use the online services, like SquareSpace.com, ZenFolio, SmugMug.com, etc, to build web sites. Buy a domain from Hover.com, subscribe to one of these others, and create the web presence that you want using their tools and templates. (SquareSpace seems to have a bit more freedom to build whatever you want, if you want to be sophisticated you can write code right down to the CSS level.) Let them build the browser compatibility into their tools and templates for you. Much better use of time and energy, IMO.

That's what I plan to do rather than updating and managing my now-ancient hand-written HTML website. Life's too short to spend it fussing about with stuff I'd really rather let someone else do. '-)

 

[Terry]

My site was very simple to set up and was very inexpensive. I'm using a wordpress template called Photocrati. see the link in my signature.





.

 

[gurtch]

The web site looks fine in firefox and bad in Safari.
I downloaded the image to my desktop and it looks fine in Safari.
I then looked at the source code of tour page and I think that I se the problem
There is a style tag which indicates a height of 800% and a width of 80%
ie and firefox ignore this, safari interprets it.
Solution:
Change:
<img alt="" height="739" src="s57A%20web%20site%20home%20page%20liftng%20fog%20pollys%20dock.jpg" style="height: 800%; width: 80%; vertical-align: middle; border-style: solid; border-width: 3px" width="1080" /></p>
to
<img alt="" height="739" src="s57A%20web%20site%20home%20page%20liftng%20fog%20pollys%20dock.jpg" style="vertical-align: middle; border-style: solid; border-width: 3px" width="1080" /></p>

I think that ought to help
-bob

Thank you very much Bob. I coppied and pasted the code you wrote, and uploaded the changed pages but still no luck in Safari in my ipad.
Again thanks for helping and happy New year
Dave

 

[Godfrey]

Thank you very much Bob. I coppied and pasted the code you wrote, and uploaded the changed pages but still no luck in Safari in my ipad.
Again thanks for helping and happy New year
Dave

Delete the cache then reload the pages.
The revised page does not show an image in either Safari or Firefox on my Mac OS X system, same as on the iPad 2. I believe there's an erroneous space in the .jpg file name.

 

[gurtch]

Delete the cache then reload the pages.
The revised page does not show an image in either Safari or Firefox on my Mac OS X system, same as on the iPad 2. I believe there's an erroneous space in the .jpg file name.

I also noted the index page image was gone. I deleted the place holder in design view, then inserted the image again but did not drag a corner to resize it. It now displays OK in IE, but not Safari.
Thanks all for helping
Dave

 

[Godfrey]

Looks like you updated the HTML file. Now it looks identical (and correct) on both browers and on the iPad 2 as well.

 

[gurtch]

Looks like you updated the HTML file. Now it looks identical (and correct) on both browers and on the iPad 2 as well.

My appologies for not responding sooner, and thanking all who helped. What I finally did, at someone's suggestion, was to delete the home page image. Then I resized it to about 720 pixels wide in Photoshop, then reinstalled it on the home page. At first when I went to Safari on my new ipad, it did not work. Today I tried it and it works!!! A consultant I spoke to said it was probaly a cache issue, and when I rebooted, the cache was cleared, and now it is fine. I still am not entirely happy with the home page. I want the image centered, and the "buttons" under it to be visiable without scrolling. I have contacted a Consultant, and made arrangements for her to come to our home and look over my shoulder, and show me how to change code to do that.
Again, thanks all who took their valuable time to help me. Happy New Year
Dave Gurtcheff
www.modernpictorials.com