Problem with border image
Hey guys...I'm having a problem with a border image in different browsers.
I designed a site using Explorer to preview everything. I originally put an image in the background that had the site border and layed all my text and content on top of it. I didn't know how much netscape wouldn't like that. lol. The site looked great in Explorer, but the margins and background image was all messed up in Netscape.
I've since abandoned that approach, cut up the image and put it into a shared border. This has solved my margin problems. The border image is basically a blue border with a text effect using the url in the top and two pictures watermaked into the left side border. Looks great in Explorer, but if you open the site in an AOL browser window the side image (with the two photos) looks really blurry. Why is that happening? Is it something AOL does to further compress the file and that's why it looks askew and blurry? How do I fix it?
The border image was designed in photoshop.
Suzanne posted this at 19:39 — 8th June 2003.
She has: 5,507 posts
Joined: Feb 2000
1. yes, AOL compresses images -- you can change the settings, but I don't recall how -- try googling for "AOL image compression"
2. "Shared borders"? Are you using FP?
3. When you have a problem such as this, please provide an url for others to test the problem. It's easiest to troubleshoot when we can actually see the problem.
isadmin3 posted this at 13:59 — 9th June 2003.
They have: 31 posts
Joined: Jun 2003
Yes I did use FP version 2002 and WYSIWYG my butt!
FP has been a real pain...everything looks great in Explorer (microsoft) but when you start looking at it in other browser it's entirely different.
the url is http://www.ivettesosa.com
Any help is much appreciated.
isadmin3 posted this at 14:00 — 9th June 2003.
They have: 31 posts
Joined: Jun 2003
while I'm asking....
How do you right click protect a site or make a page "read only" so no one is able to copy images off of it?
Suzanne posted this at 14:09 — 9th June 2003.
She has: 5,507 posts
Joined: Feb 2000
Well, looking at the code, you can use a stylesheet with this in it:
body {
margin: 0;
padding: 0;
}
And change the widths on your tables to be 100% (within FP). That will resolve a number of issues right off the bat.
It's probably better that you put FP down now and either learn HTML properly or pick up Dreamweaver as a WSYIWYG editor. FP is highly prejudiced towards IE. Dreamweaver has a built in syntax checker that will help you find errors, and will export (when told to, of course).
However, if you choose not to, FP does have manual editing options which you can use to tweak settings as you learn.
Anyway, about the image quality -- I'm not sure why it's looking good in IE, the images are heavily compressed, which is causing artifacting, or distortion. You may want to rethink how you're achieving the design effect, perhaps using more separate images so that the table can stretch out instead of causing scroll at 800x600.
Hopefully more people will have more specific suggestions for you. You may wish to post your site to the critiques forum for more advice and help.
Suzanne posted this at 14:11 — 9th June 2003.
She has: 5,507 posts
Joined: Feb 2000
http://www.google.com/search?q=no+right+click+javascript
isadmin3 posted this at 14:25 — 9th June 2003.
They have: 31 posts
Joined: Jun 2003
Thanks for your help Suzanne.
I'm actually looking into getting my hands on Dreamweaver and playing around with that, but I would like to fix as many of the problems with the FP site as I can so that it will stay live while I learn Dreamweaver.
About the image quality...if I get a copies of the border images that aren't as compressed would that solve my problem or will it look the same and just load slower?
Suzanne posted this at 17:03 — 9th June 2003.
She has: 5,507 posts
Joined: Feb 2000
If you get better quality images, they should look better and display slower, unless you change how they are displayed. i.e. save the text as a transparent gif, put the background colour in the CSS, and save the side images as jpegs. Slicing up the image and removing parts that can repeat by themselves (the solid colour) will most likely help you with all aspects -- with getting the site to fit any screen resolution, with improving quality and with reducing download times.
JeevesBond posted this at 12:56 — 28th November 2003.
He has: 3,956 posts
Joined: Jun 2002
Just wanted to add something to the comment regarding stopping people from viewing your source code...
You can't, and shouldn't be able to. The pages are downloaded to the local hard drive of whoever is viewing the page, even if you stop right-clicks the user will easily be able to view the pages from their temporary Internet Files directory (or equivalent according to their browser).
As well as being ineffective, this presents usability issues: Web designers should not try to affect the way a browser works outside of users expectations, this will at best cause annoyance, and at worse mean the user will never come back.
A good web site to learn such things is http://www.alistapart.com as is http://www.zeldman.com/.
a Padded Cell our articles site!
scouchman2 posted this at 05:47 — 1st December 2003.
He has: 13 posts
Joined: Dec 2003
I have used dreamweaver for several years, it is my favorite program, simple, and great designs. Try to learn Dreamweaver quickly, and you should be able to fix your problem pretty quick. Hope that helps.
Thanks,
Chig P.
All new Buddy Icons and great jokes!!
Email: [[email protected]][email protected][/email]
AIM: scouchman2
Chig P.
Partner in Development- Abuddy.com Great new Buddy Icons and Jokes daily!
Email: [email protected]
AIM: Scouchman2
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.