Web Design Problem

[elusionsdesign]

I am working on a website right now and I am having a problem with adding text to a template I have made with Photoshop/ImageReady 7. When I add more that can fit in the size of the box I have created for the text the images become stretched and distorted. I have tried using a <iframe> but had no luck there, it still became stretched and distored. Any suggestion of what to do besides making a new template would be much appreciated! Below are links to pictures of my problems so you can understand what I mean.

What the page should look like

What it looks like when I add too much text

[sde]

here is the problem.

when you add text to your image, you are making the image wider.

the code in the html page that displays the image has 'height' and 'width' attributes.

what probably happened is that whatever editor you're using put in the width of the original picture in the html.

now when you update that picture, it is calling for the original size.

you need to first identify which html page is displaying the image.

then find the image tag and take off the width and height parameters. it should look something like this:

<img src=images/someimage.jpg width=xx height=xx>

post some code if ya need more help.l

[ClickBankTalk]

Here's how I'd do it. In photoshot, fireworks, etc. Create the image, insert the text, splice it up, remove the splices with the text, and type the text in. Like the above post, make sure you have your width and height attributes in there.



ClickBankTalk.com
---------------------------------------------------------
Support for and by ClickBank vendors and affiliates