Technical Issue BBCode/HTML

[asche]

Hello guys!

A few days ago we noticed a bbcode issue in the french forum.

I guess to most of you guys, but couldn't find any report about it. I guess "meta bbcode issue bitcointalk" yields way too many results on google.

So here it is

Posting this

Code:

[table]
[td][img width=250]https://i.imgur.com/ho6Nun8.jpg[/img][/td]
[td][img width=250]https://i.imgur.com/UEG8rjh.png[/img][/td]
[td][img width=250]https://i.imgur.com/5eaAJQM.png[/img][/td][/table]

leads to this


While all three pictures should be the same size.

It looks like it is an issue related to the forum style sheet as pointed out by lulucrypto

It seems to be related to this element.

That also applies to this one, limiting the first block to a width of 2826px.

https://i.luwe.fr/b06b8757.png

Code:

div#bodyarea table.bordercolor td td td.td_headerandpost td:first-child {
    width: 26px;
}

Any thoughts?

Maybe theymos can/wishes to provide a quick fix for this?

finally a meta topic that is NOT about defaulttrust changes  

[1714783238]

1714783238

[1714783238]

1714783238

[1714783238]

1714783238

[1714783238]

1714783238

[1714783238]

1714783238

[o_e_l_e_o]

If, as you say, the issue is with the first column being limited to 28px, then why not just leave the first column empty and use columns 2, 3 and 4?

It's not the most elegant fix by any means, but it gets the job done.

Code:

[table]
[td][/td]
[td][img width=250]https://i.imgur.com/ho6Nun8.jpg[/img][/td]
[td][img width=250]https://i.imgur.com/UEG8rjh.png[/img][/td]
[td][img width=250]https://i.imgur.com/5eaAJQM.png[/img][/td][/table]

[asche]

~snip~

Got that far myself.

However the fixh should be an easy one. So why not fix it?

[efrenbilantok]

This must be the one you are looking
Adding height=""

LEADS TO THIS

Code:

[table]
[td][img width=200 height=250]https://i.imgur.com/ho6Nun8.jpg[/img][/td]
[td][img width=200 height=250]https://i.imgur.com/UEG8rjh.png[/img][/td]
[td][img width=200 height=250]https://i.imgur.com/5eaAJQM.png[/img][/td][/table]

[asche]

Code:

[table]
[td][img height=250]https://i.imgur.com/ho6Nun8.jpg[/img][/td]
[td][img height=250]https://i.imgur.com/UEG8rjh.png[/img][/td]
[td][img height=250]https://i.imgur.com/5eaAJQM.png[/img][/td][/table]

Testing this ^


Ok not working either.

@efrenbilantok

Good catch, however this supposes you already know the height/widht relation of your pic, which is rarely the case and a bit of a hassle.

Using height only still has the same issue.

[Crypto-DesignService]

I also encountered this when using table, I adapt the code of FilipeHenrique to fix it and it works check what I did here. Using a table code makes the thread responsive on any screen size and mobile.

Code:

[table][tr]
[td][center][size=15pt][b][color=transparent]________________[/b][/size][/center][/td]
[td][center][size=15pt][b][color=transparent]________________[/b][/size][/center][/td]
[td][center][size=15pt][b][color=transparent]________________[/b][/size][/center][/td]
[td][center][size=15pt][b][color=transparent]________________[/b][/size][/center][/td]
[td][center][size=15pt][b][color=transparent]________________[/b][/size][/center][/td][/tr]
[tr][td][url=https://i.imgur.com/5h08isO.jpg][img]https://i.imgur.com/TDMwNUf.png[/img][/url][/td]
[td][url=https://i.imgur.com/qxWIsV8.jpg][img]https://i.imgur.com/n8IkEgb.png[/img][/url][/td]
[td][url=https://i.imgur.com/ugN1s4m.jpg][img]https://i.imgur.com/Jgmmdf9.png[/img][/url][/td]
[td][url=https://i.imgur.com/bWvmZW4.jpg][img]https://i.imgur.com/NmNUmVS.png[/img][/url][/td]
[td][url=https://bitcointalk.org/index.php?action-pm;sa=send;u=2528593][img]https://i.imgur.com/tk1ZkpQ.png[/img][/url][/td]
[/tr][/table]

________________	________________	________________	________________	________________

What I did is make a transparent '____________________' on the first row same as the size of the first image so it will stretch and will not cause any limit on it's width.


Haven't tried what o_e_l_e_o suggested but I will test it and see which one is a better option to use.

[asche]

I also encountered this when using table, I adapt the code of FilipeHenrique to fix it and it works check what I did here. Using a table code make a thread responsive on any screen size and mobile.

More hassle but most elegant solution yet IMHO.
Thank you for the input.

[JohnUser]

This must be the one you are looking
Adding height=""

LEADS TO THIS

Code:

[table]
[td][img width=200 height=250]https://i.imgur.com/ho6Nun8.jpg[/img][/td]
[td][img width=200 height=250]https://i.imgur.com/UEG8rjh.png[/img][/td]
[td][img width=200 height=250]https://i.imgur.com/5eaAJQM.png[/img][/td][/table]

Here is your code, without the first column empty it doesn't work :

Code:

[table][tr]
[td][/td]
[td][img width=200 height=250]https://i.imgur.com/ho6Nun8.jpg[/img][/td]
[td][img width=200 height=250]https://i.imgur.com/UEG8rjh.png[/img][/td]
[td][img width=200 height=250]https://i.imgur.com/5eaAJQM.png[/img][/td][/tr][/table]

@ Crypto-DesignService good job for an ANN. For only a few images I'll take the empty 'td'

About the fix look like it's there :

~~

Code:

div#bodyarea table.bordercolor td td td.td_headerandpost td:first-child

Par celle-ci :

Code:

div#bodyarea table.bordercolor td td td.td_headerandpost > table td:first-child

~~

Themes/custom1/style.css à la ligne 555

[Crypto-DesignService]

Here is your code, without the first column empty it doesn't work :

Code:

[table][tr]
[td][/td]
[td][img width=200 height=250]https://i.imgur.com/ho6Nun8.jpg[/img][/td]
[td][img width=200 height=250]https://i.imgur.com/UEG8rjh.png[/img][/td]
[td][img width=200 height=250]https://i.imgur.com/5eaAJQM.png[/img][/td][/tr][/table]

Remove

Code:

 [tr] [/tr] 

I think you only need to use that when you have more than 2 rows.

@ Crypto-DesignService good job for an ANN. For only a few images I'll take the empty 'td'

I made a guide on how to fix the table issue, check it here.

I also mentioned there the difference of using the empty 'td' and the transparent '_' code.

[o_e_l_e_o]

Remove

Code:

 [tr] [/tr] 

. I think you only need to use that when you have more than 2 rows.

You are right in saying you don't need it if you are only posting a single row, but the forum will add it in regardless. Go back and hit "Quote" on one of your earlier posts where you didn't include the "tr" code, and it will have magically appeared in the quoted text.

[JohnUser]

Remove

Code:

 [tr] [/tr] 

. I think you only need to use that when you have more than 2 rows.

You are right in saying you don't need it if you are only posting a single row, but the forum will add it in regardless. Go back and hit "Quote" on one of your earlier posts where you didn't include the "tr" code, and it will have magically appeared in the quoted text.

Yes, and it's the same thing with "table" it appears without having to type it.

Thanks for your thread Crypto-DesignService, I will follow it, or bookmark it somewhere. I think many bounty manager should do the same one.