How to link an image and centre the image? [Archive]

watty005

05-21-2011, 05:41 PM

Hi, Basically what the title says, I need to link an image to one of my threads, i'm not sure what code is used for this, also how do I centre the image in the widget in the below picture?

Thanks for reading!

Any help much apprechiated!

http://img17.imageshack.us/img17/4807/helppleasei.jpg

RobbieZ

05-22-2011, 07:42 AM

The easiest way would be this:

Enter the following into your forum block

<html>
<body>
<center>
<table>
To see exactly what the benefits you will recieve by becoming a VIP club member, please click the link below.<br /><br /></table>
<a href="your link path"><img src="your image path"></a>
</center>
</body>
</html>

However <center> html has been depreciated and should be avoided so you could create a peice of css and div tag either place it in your additional css template and call to it or directly write it into your forum block like this.

<html>
<style type="text/css">
img.post {
display:block;
margin-left:auto;
margin-right:auto;
}
#post {
text-align: center;
}
</style>

<body>
<div id="post">To see exactly what the benefits......</div>
<br />
<br />
<a href="your link path"><img class="post" src="your image path"></a>
</body>
</html>