Adding image borders in Java

Creation QR Code ISO/IEC18004 in Java Adding image borders

By default, images with no links have no borders, but they can have black borders of any pixel width Images with links have a border that takes on the properties of text links For example, if the default text link color is blue, a linked image has a blue border While adding a border may seem like a great advantage, the major drawback to it is that you can t choose a different border color through the Properties inspector (Similar to Henry Ford and his Model-T: You can buy it in any color, as long as it s black ) Technically, the border color can be the same color as surrounding text color, so you could control the border color with the old <font> tag if for some reason you don t want to use CSS, as in the following example:

<p><font color= #CC0066 >This text is pink, which means the image will have the same border color <img src= images/logogif width= 192 height= 201 border= 1 ></font></p>

The major browsers don t consistently support this method, so be sure to test it if you intend to use it Therefore, to make a simple black border on your images, enter a number for the width of the border in the Border field in the Properties inspector To make your border a different color, either redefine the <img> tag or create a custom style in an internal or external CSS to apply border attributes to your images Turn to Book III, 1 to redefine tags and create custom styles in Cascading Style Sheets

Another thing you can do with images is provide them with Alternate text Alternate text, or Alt text, is useful for site visitors who use text-only browsers, have their browsers set to manually download images, or use speech

synthesizer software to read the descriptions of the image In some browsers, Alt text appears when images are downloading and when the mouse pointer hovers over an image Furthermore, some search engines use Alt text to help determine site ranking by presuming the words used in Alt text are more relevant and important than text found in <meta> tags You can make Alt text as brief as one word or as long as a paragraph, though you should enter a complete, meaningful sentence rather than a list of keywords If you want to provide a longer description for your images, you can also include a Long Description attribute that links to a separate Web page containing the longer description The code for an image with both Alternate text and a Long Description looks something like this:

<img src= images/logogif alt= Company Logo width= 200 height= 200 border= 10 longdesc= logohistoryhtml />

When adding images to your page, the Image Tag Accessibility Attributes dialog box appears when you ve enabled accessibility features in Dreamweaver s Preferences The dialog box has fields to enter both Alt and Long Description text

You can align images in two different ways, and each way does something slightly different to the image and any surrounding text: Align the image as part of the text block: Click the Left, Center, or Right Align buttons in the Properties inspector, just to the right of the Border field (refer to Figure 3-5) Specifying alignment in this way adds the align attribute to the opening <p> tag Wrap elements such as text around the image: Select an option from the Align drop-down list (shown in Figure 3-6) The default alignment is Left This alignment method adds the align attribute to the <img> tag

Additionally, you can also control image alignment through CSS For example, you can create a style that adds a 1-pixel border, 5 pixels of padding, and right alignment to an image:

<style type= text/css > <!-alignright { padding: 5px; border: 1px solid #000033; clear: right; float: right; } --> </style>