Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Web Design Trick


WebGeek

Recommended Posts

This is a little trick I found that really helps me when checking page layouts for different screen resolutions. I work at 1024x768 but I like to be able to quickly test my pages at 800x600 and sometimes 640x480. You can try it now in just 3 easy steps.

  • 1. Add this page to your Favorites or Bookmark it if you're using Netscape.

2. Open the properties for the Favorite/Bookmark you just created and change the URL to:

I haven't lost my mind,

I have it backed up on disk, somewhere...

Link to comment
Share on other sites

David;

 

That is without a doubt one of the neatest tricks I've ever seen!

It seems though, that you don't need to deduct the 20 pixels from the height (at least in IE6), as when I enter 800 and 600, the overall height of the window, including taskbar is 600 pixels.

 

Thanks!

... if you want to REALLY see something that doesn't set up right out of the box without some tweaking,

try being a Foster Parent!

Link to comment
Share on other sites

Like duh ... I got it to work! :onfire:

 

That is the coolest idea and most excellent tip!

 

Mine kept saying something about a java error a few times and I just kept hitting Keep until it took it.

 

Thanks!

Link to comment
Share on other sites

neat idea...

 

one small thing, is that it doesn't appear to be true of 800x600 and so forth... one website I tested showed a little horizontal scrolling @ 800x600 with the javascript thing when I know for a fact at a real resultion of 800x600 there is no horizontal scrolling.

The only thing necessary for evil to flourish is for good men to do nothing

- Edmund Burke

Link to comment
Share on other sites

That is without a doubt one of the neatest tricks I've ever seen!
That is the coolest idea and most excellent tip!
neat idea...

I'm glad everyone liked it! :D

 

It seems though, that you don't need to deduct the 20 pixels from the height

The reason for deducting the 20 pixels is that if the monitor is set to 800x600 and the browser window is at full screen, the task bar takes up about that much space as opposed to merely simulating 800x600.

 

Umm ... I don't get it ... can you type that tip a little slower?  :shock:  

Sorry you didn't get it at first Linda. :dontgetit:

N e x t - t i m e - I ' l l - t y p e - s l o w e r . . . - j u s t - f o r - y o u .

I haven't lost my mind,

I have it backed up on disk, somewhere...

Link to comment
Share on other sites

I use 1st page for my html editor and it allows you to see what the page looks like in the different sizes, but now I can share this tip with others who do not have this option.

 

This is wonderful!! Thanks a ton for the tip.

 

:thumbsup:

Link to comment
Share on other sites

This is more useful if you make it a Link>> in IE instead of a favourite.

 

Just drag the [e] icon from the address bar onto the Links>> tab, then click the >>'s, rightclick the link you made of this page, select properties, make the same edit to the url [ java script:resizeTo(800,580) ] , and voilla - it's always handy and not buried in your favorites - if you're anything like me with 1500 links in there... :)

Link to comment
Share on other sites

- if you're anything like me with 1500 links in there... :)

 

Yup, that's me! :P

So here's my "bonus" trick for all you "power surfers" out there.

 

links_large.gif

 

Notice that the icons on the links bar are actually folders, each one is a drop down menu.

Now I'm just a crazy, bookmarkin' fool!!! :crazy:

 

 

now where did I put that link to MSN.com .....

I haven't lost my mind,

I have it backed up on disk, somewhere...

Link to comment
Share on other sites

  • 2 years later...
This is a little trick I found that really helps me when checking page layouts for different screen resolutions. I work at 1024x768 but I like to be able to quickly test my pages at 800x600 and sometimes 640x480. You can try it now in just 3 easy steps.

  • 1. Add this page to your Favorites or Bookmark it if you're using Netscape.

2. Open the properties for the Favorite/Bookmark you just created and change the URL to:

 

 

I don't get it either...

 

In your original post you talk about 3 steps, but only two show???

Link to comment
Share on other sites

That's not right yall,,, :lol: :o :blush: :blink: :D ...... You know he meant to add that other point.... The forum timer ran out.... and the post was closed,,,, and there is no,,, re-doing it either.

 

Man.... yall crazy.. I'm still feeling like I'm insane to people around me because of the constant laughing,,,,,, and no one here knows why I'm laughing so much. That's my secret, but it's actually reading the replies. Why did you do him like that? :o

 

From using 2 monitors with different (default resolutions) at a time amongst 2 computers, I can tell you this much,, to get the full advantage of how your pages will look like on 800x600 & 1024x768 is to have your "outer"-most table set at 100%.. Not pixels..... percent. Actually all tables, even the tables inside of tables should be set to 100% OR a defined percent/pixel for that insode table,,, but adjust them accordingly. That way no matter which resolution a person is using, the page will fit correctly in the browser.

 

a. If you have a monitor of 800x600 (default resolution) set on your bowser, going to a web site optimized for 800x600 should have no scroll bar going left-to-right on the page. If it does, then the page may not be 1024x768 but it is definitely greater than 800 pixels wide. That will tell you that the site was optimized for greater than 800x600 resoultion.

 

b. If the site loads perfectly using either 800x600 or 1024x768 resolution/monitor, without any scroll bars left-to-right then the page was optimized for either 100% or 800x600 or 1024x768 resolution,,,, (which will depend on your monitor DEFAULT setting). If a site loads perfectly, at 800x600 & your monitor doesn't display at 1024x768 natively without any part of the web page chopping off to the next line, and no spaces on the the left and right side of the page then the web page is optimized for 800x600 or 100%. If it was optimized for 1024x768 then you would have spaces on the sides of the page.

 

c. If you have a monitor of 1024x768 (default resolution) set on your bowser, going to a web site optimized for 1024x768 or 100% will not have a space on either side of the web site you're on nor will there be a scroll bar going left-to-right. That will tell you that the site was optimized for either 100% or 1024x768 resolution.

 

A "myth" to me: The resolution like 800x600 or 1024x768 is not accurate as far as the 2nd set of no#'s are concerned. The width, which is the 1st part is important (set it either to a pixel amount or 100%), but the length of a page doesn't seem to be controlled in any manner. Some browsers may show the page with an up-down scroll bar, while other browsers don't. Although we have the same content, and we have no extra buttons on the browsers to push the content down.... sorta speak. The only way I've learned to control that is to make sure there are no spaces after my last character in the page code or hit enter after the last character, then hit delete to delete all spaces that may be there.

 

But still,,,, what is point no#3?

 

Kevin

"What I didn't know yesterday, I know today & will remember tomorrow"

(By Kwalker)

 

What do you see when you open up the tep_database-pr2.2-CVS.pdf file that came with your osCommerce download?

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...