In this Dreamweaver cs4 tutorial i will explain to you how to wrap text around an image. Its a very simple process and it gives your web page a clean and professional look.
I am using Adobe Dreamweaver CS4 but this process is compatibly with older versions of Dreamweaver.
The is also a video tutorial available for this tutorial, click over to our video section. If you are having a hard time with the tutorial feel free to contact us.
|
|
Introduction:
In this Dreamweaver cs4 tutorial i will explain to you how to wrap text around an image.
Its a very simple process and it gives your web page a clean
and professional look.
I am using Adobe Dreamweaver
CS4 but this process is
compatibly with older versions of Dreamweaver.
The is also a video tutorial available
for this tutorial,
click over to our video section. If you are having a hard
time with the tutorial feel free to contact us.
Step1:

Find an image that you can use for this tutorial, you can copy and use the image above. Next you need some text to wrap around the image. Below is some text i copied off trick digest.
Welcome to Trick Digest, this is a site that is dedicated in providing visitors with easy to follow tutorials. From Adobe Photoshop to tutorials based on the iPhone and other mobile devices. Soon we will have a video tutorial section, for most of the tutorials listed on trick digest. We are also looking for affiliates, so anyone interested feel free to contact us. Also any suggestion on how to improve the site are welcome.
Feel free to test out this new tutorial its very simple and easy to follow. Its a simple Gallery tutorial, similar to the gallery located here. The images are being stored in a php database, and using dreamweaver and its php functions you will be able to display the content on your site. To update the images you will have to go through myAdmin and insert the new information. Click here to view and follow the tutorial. |
Step2:
Copy and pasted both the text and image into dreamweaver, Click on the image to select it as show below.

With the image selected, in the properties window you will see the option below.

Change the default value to Left or Right depending on what you are looking for.

In the properties window you will also see the option below. This is the vertical and Horizontal Spacing option.

Change vertical and Horizontal Spacing option to 7

Click on the image and drag it into the text and release, the text will wrap around your image.

Finish:
Finished, Need help or have questions feel free to contact us.
This Tutorial was Created By Trick Digest
© 2010 trickdigest.com. All Rights Reserved. |