Can someone take a look

Can someone kindly take a look at my site and tell me how to fix my images in the left sidebar being too big and spilling over into my main area..

Here is my site:

http://ididitcreations.com/showroom

Thanks so much

Robyn

robynannw:

Can someone kindly take a look at my site and tell me how to fix my images in the left sidebar being too big and spilling over into my main area..

Here is my site:

http://ididitcreations.com/showroom

Thanks so much

Robyn

what is the left column width set to in your admin?

robynannw:

Can someone kindly take a look at my site and tell me how to fix my images in the left sidebar being too big and spilling over into my main area..

Here is my site:

http://ididitcreations.com/showroom

Thanks so much

Robyn

Although I can't identify any relevant setting(s), when looking at the image information (heart to heart.jpg) it is apparent that the image is being rescaled.
550px × 452px (scaled to 243px × 200px)

This means one of two things. There is a setting somewhere that is defining this particular height/width to be used, OR, these dimensions are hard coded in the template file somewhere.

I suggest that you check your image configuration settings to see if you can find a matching value to make the adjustment, and if you can't find that, try using the developer toolkit to see if the values have been hard coded. (search for '243px' or '200px') It is possible that you will find one, but not both values. The '243px' value is probably the result of proportional resizing rather than absolute resizing).

Cheers
Rod

picandnix:

what is the left column width set to in your admin?

Looks like 150px :)

<td id="navColumnOne" class="columnLeft" style="width: 150px">

Cheers
Rod

On closer inspection you are definitely looking at something that is setting the height of these images to 200px and it is using proportional scaling.

That should narrow the search down somewhat.

If/when you find it, you'll have two options.

1. reduce this height setting (and the width will proportionally adjust)
2. Set a suitable width setting for the relevant images, but be warned, this will affect the aspect ratio of the images... They'll look distorted.

There are other options, such as creating images specifically sized for this purpose/placement, but that becomes a maintenance nightmare, so not really recommended.

Cheers
Rod

which setting needs to be changed in admin/images...

and what should it go down to? I told the gals to not go over 550 pixels when they uploaded their products but some of them are having problems with that.. I'm trying to get them to understand how to reduce their pictures from their camera. I'm working with a bunch of woman artists so it's kind of difficult at times. LOL

robynannw:

which setting needs to be changed in admin/images...

Don't know. May not even be a setting to change. That's why I wrote

"suggest that you check your image configuration settings to see if you can find a matching value to make the adjustment, and if you can't find that, try using the developer toolkit to see if the values have been hard coded. (search for '243px' or '200px') It is possible that you will find one, but not both values. The '243px' value is probably the result of proportional resizing rather than absolute resizing)."

robynannw:

and what should it go down to?

To whatever works to solve the problem, and that will depend on the relative dimensions of your images.

robynannw:

I told the gals to not go over 550 pixels when they uploaded their products

This is a completely different ball game.

What did you think I meant when I wrote "it is apparent that the image is being rescaled. 550px × 452px (scaled to 243px × 200px)"?

Your 'gals' have done what you told them, at least with this image. Its size is 550px by 452px.
In the position it is being displayed it has been scaled down to 243px by 200px. This is still too large for the space available, it need to be scaled down even more.

robynannw:

but some of them are having problems with that.. I'm trying to get them to understand how to reduce their pictures from their camera. I'm working with a bunch of woman artists so it's kind of difficult at times. LOL

Do yourself, your ISP, your Gals, and your customers a favour. Install "Image Handler" and just upload the best pictures available. With this module install you can forget most of what your ever learned about optimising images, because Image Handler will do it all for you. :)

However IH won't do a thing to solve your current problem, because the 'height' of the has been set to use 200px, which is what it will resize to regardless of the size of the original image. IOW, if your original image was 50px by 100px, it will get enlarged (scaled up) to 100px by 200px. If the original is 500px by 400px it will be scaled down to 250px by 200px.

You have your sidebox witdh set to 150px, which means your original image 550px by 542px is being scaled to 243px × 200px. 243px is wider than the 150px sidebar, which is why you are having the problem.

IF there is a setting to control the size/scale of these images, it would still be impossible for us to tell you what value you should use for the 'height' setting, because that will depend on the width of any given image. if your original image was 50px by 100px, it will get enlarged (scaled up) to 100px by 200px. If the original is 500px by 400px it will be scaled down to 250px by 200px. In both these cases, the image height is being 'fixed' at 200px... the width will adjust to maintain the same aspect ratio. What you actually want/need in this situation is to define the required width of the image (so it is the same or smaller than the sidebox) and let the 'height' be the 'variable' that changes.

If there isn't a setting for these particular images, then the values will be hard coded into the template file, so that is here you'll need to make the changes.

I can't tell you exactly where you'll find these settings, but I can tell you is that the current setting, where ever it may be, is currently set to 200px, so this is what you will be looking for as the possible place(s) that will cause the change you require. Essentially, in the absence of knowing exactly what you need to change you need to 'reverse engineer' from the things we do know, Namely, a setting of 200px.
It is possible you may find several/many references to a setting of '200px', and if that is the case you'll need to narrow it down to find the one that is relevant to your situation.

Cheers
Rod.

ps. Although I can't tell/determine the exact place/setting you'll need, the folk that developed your template file will probably know exactly what to change.
This is a matter of do you want to spend the 5-10 minutes involved to find/fix the problem yourself, or are you prepared to wait for an indefinite period for someone else to find the relevant setting and hold your hand while making the change?

pss. You'll not be doing yourself any favours by letting others find/fix this kind of problem for you. You won't learn anything from it, and this is the kind of stuff a site administrator should learn to do for themselves. Failure to do so will cost a lot of time/money in the longer term.