For those who has a web site or a blog this article should be very useful. Here i will tell you several floating ways. First of all let’s say you insert a picture in your post it is very easy to align it on the left or right. You just insert image and chose alignment mode. Let’s say Left. The main thing is that you get a text around that picture. Looks easy and you can see an example with Vin Diesel’s picture. Everything is done automatically. You see picture on left and text on right and under it.
Another thing is if you want to have even the same picture which is 1024*728 resolution but you want to to reduce the size and use enlargement code. With that code inserted into the text you won’t get all your text around the picture so you need to float your text around the image. To do this just use an html code. If you want to float around the image use code shown below:
<img src="images/bild.gif" style="float: left" height="60" width="150" />
If you want to float around the html code which enlarges your small picture you should use something similar to this code below. And use it in one line like it is shown.
<a href="full_url_to_image/image.jpg" target"_blank"><img src="full_url_to_image/image.jpg" style="float: left" border="0" width="100" /></a>
I gave you an example with picture aligned to left. Now i will show you the picture which one enlarges itself after a click on it and text will be around that picture. To get this result/output just use a code above this image on the left.
Also it’s possible to float text around the image aligned to the left or to the right. Just replace word left with the word right in the code: style=”float: left”
If you don’t use this style attribute you won’t get text around the image. This is great way to insert an image which is really big but and doesn’t fit in your blog or web site. Also you can try using simple floating code just for floating text around the image. The code is shown below:
<img width="150" height="60"src="images/bild.gif" style="float:left;">
Also it is possible to float let’s say google adsense code. As i know it’s not allowed but i will show you how to float it. Just use div-container and then add the float attribute to the div.
<div id="MenuDiv" STYLE="float:left;"> Your adsense code here </div>
Related posts:
