Selecting the image

• Compose Mode You can select the image by clicking on the image. A thin border would appear around the image (the image bounding box). At the corners and the central locations of the border, square empty boxes would be displayed. • HTML Mode Selecting the image in HTML mode does not have any sense. The image is represented by the <img> tag with the required attributes within the tag.

Repositioning the Image

• Compose Mode Click, Hold and drag the image to reposition it anywhere you want it to be positioned. As you drag the image you can notice that the mouse pointer changes its shape to "unavailable" when still on the image and to a pointer with a rectangular box attached when you drag outside the image area. The location where you leave the image to be repositioned can be identified with the cursor that moves along with the mouse pointer. Depending on where you leave the mouse pointer and how the alignment option is already set, the image gets repositioned. You may also use the following option to reposition the image Click on the image to Select it Press Ctrl + X to cut the image and place a copy of it on the windows clipboard. [You can also use the browser menu option Edit | Cut to cut when the image is selected] Move the Cursor to the new position where you want the image to appear by Clicking at the new position Press Ctrl + V to Paste a copy of the image at the cursor location [You can also use the browser menu option Edit | Paste to paste after the image has been copied to the clipboard.] Repositioning the image would not change the alignment option that is already set for the image. [Say, if the image is right aligned, then you can only reposition the image as a right aligned image.] • HTML Mode To reposition the image, cut the code relating to the image i.e. the <img> tag and paste it wherever you intend to relocate it. However, care should be taken with regard to the images inserted in your blog using the "Add Image" tool, since <a> .... </a> tags surround the code relating to the image to make it work as a link. If you are just removing the <img> tags, this code would become useless. Include the anchor tags in your selection before you cut the code or remove it.

Re aliging the image

• Compose Mode Re alingment of the image is not possible from the compose mode. You need to switch to HTML mode and change the HTML code. • HTML Mode Realigning the image needs you to set or change the align attribute within the < img > tag. [Eg: <img ... align=right .... >]. You can use the values "left" or "right" to make the image float and the values "top", "middle" or "bottom" to make the image inline with text. The alignment can also be set with the style property "float". [Eg: <img ... style="float:right" .... >]. You may use the values, right, left to float the image.

Resizing the image

• Compose Mode To resize the image, hold the square unfilled boxes on the image boundary and drag. As you point at the unfilled box, it gets filled. You can notice a dotted boundary indicating the new size of the image. You can also notice a tool tip displaying the new size of the image and the change in height and width of the image if you resize the image to the point indicated by the dotted border. After completing resizing, if you check the HTML code, you can notice changes made to the values of the height = "__" and width = " ___ " attributes within the <img> tag. The new dimensions of the image would be set as the values for these attributes. • HTML Mode Resizing the image needs you to change the height and width attributes within the < img > tag. [Eg: <img ... height = 200px width=400px .... >]. You need to add them if they are not present already. The height and width of the image can also be set using the height and width properties within the style attribute [Eg: <img .... style="height:200px; width:400px" .... >] You have to be aware that the style properties have precedence over element attributes. Thus if you are defining the height and width twice the dimensions in the style properties would be adopted.

Making a Copy of the image

• Compose Mode To make a copy of the image, Click on the image to Select it Press Ctrl + C to copy the image to the windows clipboard. [You can also use the browser menu option Edit | Copy to copy when the image is selected] Click where you want the copy of the existing image to appear Press Ctrl + V to Paste a copy of the image at the cursor location [You can also use the browser menu option Edit | Paste to paste after the image has been copied to the clipboard.] You can also use this option: Keep the Ctrl key pressed, Click on the image, Hold the mouse pointer, Drag and Drop to create a copy of the image at the location where you drop. As you move the mouse pointer out of the image, you will notice that a rectangular box gets added to the mouse pointer at the bottom along with a square box with a "+" sign within it. • HTML Mode Making a copy of the image needs you to just copy the code relating to the image and paste it at the new location where you want the copy to appear.

Undo/Redo

Both in compose mode as well as HTML mode, you can use the actions undo (for undoing the previous action ) and redo (for redoing the actions undone) in a sequential manner. You can use the keyboard shortcuts Ctrl + Z (undo) and Ctrl + Y (redo) or the menu options Edit | undo and Edit | redo for the same.

Author Credit : The Edifier

... Continued Page 21