Add a photo Credit

To add a photo credit in your webpage is just a matter of reorganising your webpage layout and adding a table.

If you are wrapping an image around text it is not possible to add a photo credit to your image like the below example.

The best way to add a credit to your photo is by adding a table with rows and place your content in each cell so its fixed into position and you won’t need to worry about the image or text moving around your webpage.
Lets take a look at an example.

Lets say you have the following.

Your text goes here ——————————–
—————————————————-
—————————————————-
—————————————————-
—————————————————
———————————————————————–

Now lets take an example with the Photo Credit added.

This might look the same but with the Photo Credit added but the image and text is locked into position because its all inserted into a table.

The HTML code for this example is:

<table border=”0″ width=”484″>
<tr>
<td width=”343″>
<p>Your text goes here ———————————-
<br>——————————————————
<br>——————————————————
<br>——————————————————
<br>——————————————————
</p></td>
<td width=”131″>
<p align=”center”><img src=”http://www.websitebuildersguide.com/images/img2.jpg” width=”100″ height=”78″ border=”0″>
<br>Photo Credit
</p>
</td>
</tr>
<tr>
<td width=”478″ colspan=”2″>
<p>—————————————————————————–</p>
</td>
</tr>
</table>

Tables are better to use than layers because Tables are supported by all browsers and have been part of the HTML process since the invention of HTML.