BigNoseBird.Com- home Small Logo
The 508 compliant Guide to 
       Big Nose Bird
BACK

How can I make a picture larger or smaller using just HTML?

Simply! Just change the values in the HEIGHT and WIDTH attributes of the IMG tag. Be mindful of what is called the aspect ratio. The example below is a perfect square. It is actually a 40x40 icon, but I show it as 20x20, 80x80, and 120x120. If your graphic is 400 wide by 40 high, it has one unit of height for every ten of width. So if you wanted to make it a bit bigger, you could try 500x50 or 440x44. Hmmm, what if we did 100X25??
REMEMBER TO ALWAYS SET YOUR WIDTH &am HEIGHT VALUES. This is important. Many browsers can't show anything until they know where all the pieces of your page are going to fall.


example

(100x25)


source code

<IMG SRC="/images/left.gif" HEIGHT="20" WIDTH="20" BORDER="0">
<IMG SRC="/images/left.gif" HEIGHT="40" WIDTH="40" BORDER="0">
<IMG SRC="/images/left.gif" HEIGHT="80" WIDTH="80" BORDER="0">
<IMG SRC="/images/left.gif" HEIGHT="120" WIDTH="120" BORDER="0">
<IMG SRC="/images/left.gif" HEIGHT="25" WIDTH="100" BORDER="0">(100x25)



Find or Give Help on the BBS
 
Home Top E-Mail
If it looks great, it's by Christine
Some Fine Print
© 1997-2003 BigNoseBird.Com®, Inc. All rights reserved. All other trademarks are the sole property of their respective owners. The products that we recommend are only ones that we use. We have no relationship with any of the authors or their companies. We cannot assume responsibility for their ultimate performance or lack of same. We also cannot assume responsibility for either any programs provided here, or for any advice that is given since we have no control over what happens after our code or words leave this site. Always use prudent judgment in implementing any program- and always make a backup first! For further information, please read our Privacy Statement. We can be contacted at webmaster@bignosebird.com.


<reallybig.com>
Web Builder Network Portal
Advertise
on the
Reallybig.com
Network
BigNoseBird Newsletter
Subscribe
Un-Subscribe


Sign up today to receive our low volume newsletter. Tips, tricks, news, and whatever else crosses our minds.
Back Issues
Privacy Statement