I find that blogger is absolutely horrible when it comes to pictures space and localisation! Probably this is in part due to the fact that I am new to html but still, it could be a bit more user friendly!!
Anyway I finally am starting to figure out how to put two pictures side by side:
- edit your post as html
- insert the pictures where you need them
- get the url of the pictures as written on the code lines that just appeared. It should be something along the lines: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOwZg0ySSjG_vXtVQiWag6bLIPglhW7lSqVz-CNJdWBt1c6AQxqN98xnsNKtjg7cJFh_VXYZZVbFuURzbRUP9c_GRU_O1UtHAu3bA4cYk4U1lK6JNsZFO6TAYVdS-8aCreVNaRfy-uhNRH/s1600/SDC11052.JPG
- create a table and add the pictures to the table
- you can also specify parameters such as height, width and margin of the pictures
<table></table> will create a table
<td></td> contains one element of the table
width="200" sets the width of the picture
height="200" sets the height of the picture
style="margin-left: 0em" sets the right empty space of the picture. 0 em means no space at all.
Note that you can separate options by a " ; ".
Here is an example code:
The lines:
<table>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOwZg0ySSjG_vXtVQiWag6bLIPglhW7lSqVz-CNJdWBt1c6AQxqN98xnsNKtjg7cJFh_VXYZZVbFuURzbRUP9c_GRU_O1UtHAu3bA4cYk4U1lK6JNsZFO6TAYVdS-8aCreVNaRfy-uhNRH/s1600/SDC11052.JPG" style="margin-left: 0em; margin-right: 3em" width="300" height="220"/></td>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE68Ft2iN_uaTbuq57pWTG0n9i8b0JRHHxEUaT_mRMKlJmyLdxe3DD5fJOCpcG1E0oD5BS1EQYVQkdnttqlVgy5rmBHRCFJ6KYDilK8-oMcf6F6LLB1U1k44TFUVsg9aP0tpjS0VDn8wy3/s320/SDC11046.JPG" width="300" margin-right: 0em;/></td>
</tr>
</table>
Will give you :
 |
No comments:
Post a Comment