image greed view in topics

how this image post display as greed view

Hi there, @zenzo. I'm afraid I don't quite understand your issue or what you are trying to accomplish as I don't know what 'greed view' means. Can you explain further? Thanks.

If you mean side by side, you can use tables.

If you are referring to having the images side-by-side, you don't really have to use tables when it comes to BBCode, only when using HTML.

This setup should work for BBCode to have them side-by-side.

Code:

[img]IMAGE[/img][img]IMAGE[/img]

When it comes to basic HTML, you would need a layout like this.

Code:

<table>
  <tr>
    <td>
      <img src="IMAGE LINK" />
    </td>
    <td>
      <img src="IMAGE LINK" />
    </td>
  </tr>
</table>

Hopefully that is what you meant.

i mean the image display will back in line

when inserting image in a post it shows the image over another image even i resize so it will fit two image in a single line but it don't.

bump...

Something like this right?
If yes, I want you to add this to your CSS, these images will display inline depend on max size of your screen display.

Code:

table.zenzo img {
  max-width: 100%;
  float: left;
}

Next step, use BBCode like this one below

Code:

[table class="zenzo"]
[tr]
[td]CONTENT / IMAGE 1[/td]
[td]CONTENT / IMAGE 2[/td]
[/tr]
[/table]


SarkZKalie wrote:Something like this right?
If yes, I want you to add this to your CSS, these images will display inline depend on max size of your screen display.

Code:

table.zenzo img {
  max-width: 100%;
  float: left;
}

Next step, use BBCode like this one below

Code:

[table class="zenzo"]
[tr]
[td]CONTENT / IMAGE 1[/td]
[td]CONTENT / IMAGE 2[/td]
[/tr]
[/table]


this works but the problem is, not all my members can make it

Then you tell them how to do, man

hhmm i think i will only use this for my own post

topic solved