Your Biz Hot Tips Video Newsletter
3rd March, 2010
WYSIWYG & Image Alignment
Length: 3.5 minutes
|
Click the triangles/arrows above to start the video or view the video at Youtube >>
|
Latest Video Newsletter
 Firefox
 Google
 WYSIWYG Editor
 Create Logo
|
Your Biz Hot Tips: WYSIWYG & Image Alignment Tips :
- open your website editing software or WYSIWYG editor
- type a heading, select it from Styles drop-down list as Heading 1 (H1 is the largest heading in HTML)
- click the INSERT IMAGE icon in the WYSIWYG menu
- choose an image from your desktop or a folder online
- click INSERT or whichever button you have to save the action
- you can now see the image on the screen
- if you click to the RIGHT of the image and start typing, the text appears at the base of the image, and to the right
- click ONCE on the image to select it
- choose LEFT ALIGNMENT from the menu
- the text now appears at the TOP and to the right of the photo/image
- to add space arround the image, we need to add 'padding'
- click the image once to select it
- click the IMAGE EDIT/INSERT icon in the menu
- click Advanced or whichever tab allows you to add padding to the image
- for vertical padding, I added 10 pixels
- for horizontal, I added 10px
- for the border, I add 10px
- to move the image to the right, click the image oNCE and select Right Alignment in the menu
- save your page in the normal way for your own web builder or CMS.
|
|
.

Comments?
Want to leave a comment?
Feel free to leave a Facebook comment, or a tweet on Twitter - thanks for dropping by!

