Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

image not expanding as the page expands


Onstar

Recommended Posts

Hi everyone,

 

I replaced the texts in the main page with a single image using this code here:

 

 

define('TEXT_MAIN','<img src="images/imagetester.jpg" alt="My Image" border="0">');

 

 

The problem is that if the image is viewed in a wider screen, the image seems to be static. It doesn't expand to 100 percent while the page expands. It becomes normal if the screen is minimized.

 

What do I need to change, add, to make sure that the image fits well with the rest of the page regardless of the screen size.

 

Thanks for helping.

Link to comment
Share on other sites

That's the normal operation. You wouldn't want an image to stretch since it would most likely appear distorted. The correct way to code is to build the site for a 800x600 screen. Then if the size increases, the appearance stays the same.

 

Jack

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

Get the latest versions of my addons

Recommended SEO Addons

Link to comment
Share on other sites

That's the normal operation. You wouldn't want an image to stretch since it would most likely appear distorted. The correct way to code is to build the site for a 800x600 screen. Then if the size increases, the appearance stays the same.

 

Jack

 

 

I think oscommerce is built for 800X600. My site looks good on a desktop, but not on a laptop. Is everybody experiencing the same.

 

On a desktop, the oscommerce logo on top of the page is ok. On a laptop, it appears smaller with extra white space at the end.

Link to comment
Share on other sites

Hi everyone,

 

I replaced the texts in the main page with a single image using this code here:

define('TEXT_MAIN','<img src="images/imagetester.jpg" alt="My Image" border="0">');

The problem is that if the image is viewed in a wider screen, the image seems to be static. It doesn't expand to 100 percent while the page expands. It becomes normal if the screen is minimized.

 

What do I need to change, add, to make sure that the image fits well with the rest of the page regardless of the screen size.

 

Thanks for helping.

 

 

Ok, this is what I found. My desktop screen size is set to 800 by 600 while my laptop screen size is set to 1024 x 768.

 

Now, my question is, is there a way I can tell my site to only display in 800 x 600 pixels. So, regardless of what the screen size is set to, the page will not resize?

 

I will appreciate any help at all.

 

Thanks

Link to comment
Share on other sites

osCommerce is set to display full size, not 800x600. To do that, you need to install one of the certer shop contributions.

 

Jack

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

Get the latest versions of my addons

Recommended SEO Addons

Link to comment
Share on other sites

osCommerce is set to display full size, not 800x600. To do that, you need to install one of the certer shop contributions.

 

Jack

 

Thanks Jack. I installed and it looks like things are looking good for me.

Link to comment
Share on other sites

That's the normal operation. You wouldn't want an image to stretch since it would most likely appear distorted. The correct way to code is to build the site for a 800x600 screen. Then if the size increases, the appearance stays the same.

 

Jack

 

I couldn't disagree more with this - the correct way to code is so that the site will expand according to screen resolution - this can at times be a challenge, but worth the effort.

 

Matti

Link to comment
Share on other sites

I think it depends on the site. If you have a logo that is 700x100 and you fill the remaining 100 px's on an 800x600 width screen, it looks OK. If you use percentages and display that logo on a 1024 wide (or even wider) screen, there is going to be a large empty portion of header space which makes the site look unprofessional, in my opnion. An oscommerce shop looks fine using percentages because it is a mostly text display. When a lot of images are used on the site, other than the self-contained products listings, the empty space and/or long text strings between images makes it look like some child designed it. The goal, again, in my opinion, should be a consitent looking site in all resolutions. You can't do that with the percentage method in all cases.

 

Jack

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

Get the latest versions of my addons

Recommended SEO Addons

Link to comment
Share on other sites

I am currently re-developing a fixed width site..... if we wish to talk about 'empty space' which looks unprofessional, I cannot think of a better example than a fixed width site with a great deal of empty space on one side or both and everything else squished into 800 pixels (or less) :-"

 

In regard to headers, why should a header design be the deciding factor? I know this is often the case and IMO it is because the logo/header is poorly designed, as is perhaps the remainder of the layout - all space is within the control of the designer.... :D

 

I think a reason much closer to the mark is that there is an abundance of poorly designed templates that are difficult to integrate into anything but fixed width.

 

I have a high resolution monitor (as do most people these days) and expect my screen to be filled - I have had the same thing said to me countless times by people who are just everyday internet users ;)

 

Matti

Link to comment
Share on other sites

I was just using the header as an example and it should not be the deciding factor but needs to be considered in the overall look of the site. I agree that there are a lot of poor designs and that most template makers probably use 800x600 because it allows them to create consitent web sites faster and easier. Each site needs to be set up using the method that makes it look the best in all screen resolutions. For experienced web designers, using percentage may be the best way to go. In fact, that is how I set up my sites. But for the majority of the members here, and especially people new to sites, that is probably going to result in a poorly designed site. Perhaps my response to the op should have been "you should always design in 800x600 mode until you have the experience to do otherwise." Designing in 800x600 mode ensures the web site will look consistent in all screens. Designing using 100% mode does not do that unless you know what you are doing, in some cases. My answer was to a mass audience and I think it is the correct answer given that condition.

 

Jack

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

Get the latest versions of my addons

Recommended SEO Addons

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...