Forum Moderators: mack
I'm building my first website, using Yahoo Sitebuilder. Whilst I do realise its limitations it's ok for the time being - IF I can fix the PayPal buttons!
I can insert them fine (and they appear ok when viewed in a browser) but the next time I look at them they've resized themselves and are suddenly HUGE!
I can't find any reason for it doing this, nor a way to stop it. But I need the buttons...
Does anyone have any ideas?
TIA
I'm assuming that you're viewing the site on the same monitor - and at the same screen resolution - when you see both sizes of buttons.
When you say, "viewed with a browser," do you mean before or after you've actually published the page? That is, are the buttons okay in preview mode before you publish, but too large after you publish? Be sure that when you insert the button you're viewing the graphic at 100% of size. If you're viewing it at a reduced size in preview mode and then publish it, it'll show up in it's "real" size online.
Basically, what you need to do is tell the graphic what size you want it to be (that is, don't just allow it to find its own size). There are several ways to do this:
It's possible to set the size of a graphic using HTML, but I'm guessing that you're probably not dealing directly with the code.
If you have any kind of image editing program - one you use for digital photos would work - try using that to set the size (it'll also be able to tell you if you're seeing the graphic at 100%). If you don't have an image editing program, a lot of people swear by GIMP, which is a program you can download for free (I've never used it.)
It's possible that the Sitebuilder has a "built in" image resizing capability. A lot of site-building programs do. They're usually not the best way to go, but if it's the only option you have, try it.
If setting the graphic's size doesn't work, maybe someone knows a specific tip for Yahoo and/or PayPal?
1. By specifying it directly in the image tag. In my example the image will be displayed at 30px X30px:
<img src="http://www.example.com/yourimage.gif" width="30" height="30" />
2. Don't specify width and height and the browser will display the image at it's native size. In this example if the image was 30px X 30px that's what it would display at:
<img src="http://www.example.com/yourimage.gif" />
3. Use CSS, this can be in the head tags, external style sheet or directly in the img tag. In this example it will diplay at 100% of the container.
<img src="http://www.example.com/yourimage.gif" style="width:100%" />
Example one is the most common. you should specify the native dimensions of the image. allowing a browser to resize the image produces aliasing when scaled down or macroblocks* when scaled up (*not sure if tht is correct term for images but is what is used for video).
If you post the code you are using you'll get some better advice.
