Add Images to the same line

  • I would like images on my posts to be similar to https://randomc.animeblogger.net/. After countless searching I still can’t find a way to have them on the same line. In my searching I found something about using float, but replacing align for that did nothing. Thanks for any help someone can give me!

Viewing 1 replies (of 1 total)

  • Erm.. well, there are a few ways you could achieve like that example.

    You can put your image code one after the other i.e.

    <img src="image_location" title="image1">?<img src="image_location" title="image2">?<img src="image_location" title="image3">

    <img src="image_location" title="image4">?<img src="image_location" title="image5">?<img src="image_location" title="image6">

    Alternatively, you could use a table or something similar to display them… you’d want to do this in a less crude way than my example,as my tags and formatting are not standard compliant, just meant as an illustration:

    <table>
<tr>
<td>image 1 code</td><td>image 2 code</td><td>image 3 code</td>
</tr>
<tr>
<td>image 4 code</td><td>image 5 code</td><td>image 6 code</td>
</tr>
</table>

    Your ideal would be to do it in CSS and then test it across all browsers I guess… but may take you longer, depending on your CSS skills.

Viewing 1 replies (of 1 total)
  • The topic ‘Add Images to the same line’ is closed to new replies.