Bitcoin Forum

Other => Meta => Topic started by: Crypto-DesignService on February 04, 2019, 01:39:16 PM



Title: [SOLUTION]How to fix table code issue BBcode
Post by: Crypto-DesignService on February 04, 2019, 01:39:16 PM
Some of you who is designing threads and adding URL-links on images that is in a row line might notice that when you use the table code, it restricts the width size to 26px (supported on this thread (https://bitcointalk.org/index.php?topic=5105539.msg49562420#msg49562420))

I also encountered this when I started designing my service thread (https://bitcointalk.org/index.php?topic=5104141.msg49499795#msg49499795), trying to figure out the problem I tried searching on Google but no result on this topic has been made. I decided to check each ANN thread designers if they add URL links for the threads they design, I saw one person which is FilipeHenriques (https://bitcointalk.org/index.php?action=profile;u=1198294) who seems to got it fix. I studied the BBcode he had and tweak it a little bit to fix the issue of my thread and it worked.

FIX #1
This is the code
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]

This is how the code works
If you have 5 images in a row, you need to add a 5 transparent '_______________' on the first row before adding the actual images which you do on the second row. How many '_' you are going to add is a pure estimation so if you have smaller image width expect the '_' to be lesser. I will suggest using font size of around 12-15pt as it gives a better spacing and width size in mobile view. Once you figured out how it works, the outcome will be the image below
https://i.imgur.com/hFTF2jt.png

This will be the outcome of the code once you got it right (https://bitcointalk.org/index.php?topic=5104141.msg49499795#msg49499795)
________________
________________
________________
________________
________________
https://i.imgur.com/TDMwNUf.png (https://i.imgur.com/5h08isO.jpg)https://i.imgur.com/n8IkEgb.png (https://i.imgur.com/qxWIsV8.jpg)https://i.imgur.com/Jgmmdf9.png (https://i.imgur.com/ugN1s4m.jpg)https://i.imgur.com/NmNUmVS.png (https://i.imgur.com/bWvmZW4.jpg)https://i.imgur.com/tk1ZkpQ.png (https://bitcointalk.org/index.php?action-pm;sa=send;u=2528593)

FIX#2
Another way is o_e_l_e_o suggestions (https://bitcointalk.org/index.php?topic=5105539.msg49562617#msg49562617), which he said to leave the first column empty. This works too however when you insert a title image at the top and make it centered, it will not align on the row you made. See how it looks like on this post (https://bitcointalk.org/index.php?topic=5105973.msg49580714#msg49580714)




Why do I need to use a table code when I can just do it with spacing?
Sure you can but an image that uses a table code is responsive to any screen sizes and mobile view while spacing gives you a good outcome when it comes to your own monitor it does not guarantee to give the same layout on different screensizes of a viewer.

I made a comparison on this thread to see the difference of Table code and just using spacing. (https://bitcointalk.org/index.php?topic=5105973.msg49581056#msg49581056) There will be in-between spaces because of the transparent '_' code that I added as a first row.
VIEW ON MY MOBILE
https://i.imgur.com/GGZg3i4.jpg
You can try and check it too.



Let me know if there are additional details that needs to be added.