Bitcoin Forum
May 07, 2024, 03:15:42 AM *
News: Latest Bitcoin Core release: 27.0 [Torrent]
 
   Home   Help Search Login Register More  
Pages: [1]
  Print  
Author Topic: [SOLUTION]How to fix table code issue BBcode  (Read 254 times)
Crypto-DesignService (OP)
Copper Member
Full Member
***
Offline Offline

Activity: 208
Merit: 256


View Profile WWW
February 04, 2019, 01:39:16 PM
Last edit: February 07, 2019, 06:57:24 AM by Crypto-DesignService
Merited by Mitchell (5), 2double0 (1), logfiles (1)
 #1

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)

I also encountered this when I started designing my service thread, 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 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


This will be the outcome of the code once you got it right
________________
________________
________________
________________
________________

FIX#2
Another way is o_e_l_e_o suggestions, 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




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. There will be in-between spaces because of the transparent '_' code that I added as a first row.
VIEW ON MY MOBILE

You can try and check it too.



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

Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!