Categories:
.NET (961)
C (387)
C++ (185)
CSS (84)
DBA (8)
General (31)
HTML (48)
Java (641)
JavaScript (220)
JSP (109)
JUnit (31)
MySQL (297)
Networking (10)
Oracle (562)
Perl (48)
Perl (9)
PHP (259)
PL/SQL (140)
RSS (51)
Software QA (28)
SQL Server (5)
Struts (20)
Unix (2)
Windows (3)
XHTML (199)
XML (59)
Other Resources:
How To Reduce the Display Size of an Image
How To Reduce the Display Size of an Image? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps
✍: FYIcenter.com
If an image embedded inline is too big when displayed in a browser, you can use "width" and "height" attributes to reduce the image's display size. The display width and height should be proportional to the actual width and height of the image. Otherwise, the image will be displayed with a distortion.
Here is a tutorial example of images with reduced sizes:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Image Sizes</title> </head> <body> <h4>Inline Images</h4> <p style="background-color: #eeeeee; padding: 8px;"> Image with the original size: <img src="/moonrise.jpg"" alt="Moonrise" width="69" height="91"/><br/> Image with a reduced size: <img src="/moonrise.jpg"" alt="Moonrise" width="35" height="45"/></p> </body> </html>
If you save the above document as image_sizes.html, and view it with
Internet Explorer, you will see that the same image is displayed with
two sizes as shown below:
2007-05-12, 4957👍, 0💬
Popular Posts:
How To Create an Add-to-Netvibes Button on Your Website? - RSS FAQs - Adding Your Feeds to RSS News ...
Can one change the mouse pointer in Forms? The SET_APPLICATION_PROPERTY build-in in Oracle Forms all...
How To Get the Uploaded File Information in the Receiving PHP Script? Once the Web server received t...
How To Retrieve Input Values for Checkboxes Properly? - PHP Script Tips - Processing Web Forms If mu...
How do you handle change request? Normally change request are handled by preparing an Impact analysi...