Website images problem

[zramaek]

I designed my images and site on a screen with 1440 x 900px resolution. So all of my images fit on my screen. Recently I have been informed that on a 1024 x 768px resolution, my images are way to large and the entire site just looks to big. I could really use some help on how to fix this problem.

[Agenator]

okay, so essentially it wont matter the resolution of the screen u designed it on but the resolution of the images themselves. Did you design the images at full screen on your monitor? I dont think you did. Post some of the images here and lemme take a look. I have a 24' mon. and design things just fine. I generally always (this is in photoshop) pick a standard size. I start with an 1000x1000 px canvas, design the site in the middle with the left over background on both sides. This will give you a good estimate of how many pixels each part of the image will be and how big it will look on most monitors. Then I crop each image out and insert into my code and Im shure you know the rest. The only solid way to tell if it will look good on another monitor is to simply view it on other monitors. That can be accomplished by posting here in the review my site. But essentially designing on one monitors resolution wont effect the actual image size but designing the site at a certain resolution will. If u need clarification just ask. Sorry if it was too simple or too complex, im just not shure how advanced or noobie you are at this (dont worry Im pretty much a noob too lol)

[anuj_web]

I have the same problem...
i designed it on 800X600 and opened it on another 800X600 ..it was way too outside from where it should be

[LHVWB]

I found some useful links about this issue by searching with google.

http://www.bluejar.com/improve-your-...compatibility/
http://www.thesitewizard.com/archive...tibility.shtml

http://www.yourhtmlsource.com/access...y/testing.html

Otherwise, make the widths of all your page elements about 760 pixels wide. This will be small enough to fit nicely onto a 800x600 screen (and still fot the vertical scrollbar in). If it fits into that, that's fine. No more testing to be done.

It would appear that the easiet option, is to create images that are only 760px wide, and then set all your widths to percentages.

[Agenator]

um please correct me if im wrong but I dont believe that screen size would matter in this instance unless they where designing the page to be full screen. One thing to check, Ie's zoom feature. I was designing a page on IE, carelessly forgot that the page was zoomed in and spend a day trying to figure why it looked so big. But seriously if you design on an 800x600 and make the IMAGES size less than 800x600 they will and should be the same size on every montior. Just monitors with smaller resolution will make it look bigger since it will fill up more of the screen, not necessarily bigger images.

[anuj_web]

I use a software to design my website.....
I work on 1024X768.....

As you have said to set the width of my webpage to 760 pix..how to do it ??
can u please tell this

[kbjradmin]

i don't think there is any easy way to do it. you should use % in your measurements, instead of px.

are you using css or just raw html?

[anuj_web]

I use raw html..

you should use % in your measurements

how to do this ??

btw I found this useful link....

http://techjunk.websewak.com/handlin...in-javascript/

I think it'll help

[kbjradmin]

first of all, i would greatly suggest learning css.
that being said, if you have to use raw html, then say you want to do it with an image;

instead of:

<img src="#" width="300" height="150" />

do something like this:

<img src="#" width="24%" height="12%" />

these percentages are relative to the size of the web browser.


edit:

does this code resize the content or just the browser window???

if that code resizes the browser, there are three problems with this solution:

1) most of the time, if a website resizes the browser, most people will not like it and leave the site.

2) that wouldn't work for resolutions smaller than the site.

3) if you minimize the browser, and then reopen it, it goes back to the original size.


if that code resizes content, than you found what i've been looking for for years...

[anuj_web]

I think the above code resizes the window... dunno fo sure
i'll try the code on ma sysrem and them reply..or mayb u can do that even before i start
typin' :D

Hey i think this code works on the content

<img src="image.jpg"
      onload="this.width=getWidth( 150 );this.height=getHeight( 200 );">

Is it because of the image resolution ,this problem occurs ??