Centering multiple forums in one?

by lilgio November 12th 2019, 10:29 pm

Link to my forum: https://onepiecerp.forumotion.com/

Forum version is PunBB btw.

Aight so I tried out the whole multi forum in one thing, but I want the forums to be centered in the middle and separated out a bit.

by **SLGray** November 13th 2019, 12:15 am

Did you create the table? If yes, you have all your forums in just one of the boxes.

by lilgio November 13th 2019, 1:29 am

I just followed the tutorial here: https://help.forumotion.com/t21989-multi-forums-in-one

by **SLGray** November 13th 2019, 4:13 am

I understand that, but you did not answer my question? Did you add the information in just one of the boxes in the table?

Centering multiple forums in one? Captur44

by lilgio November 13th 2019, 8:43 pm

Nope.

by **SLGray** November 13th 2019, 8:48 pm

Please post here using the code tags what you added.

Checking your forum, I can see that there is a table there, but all the information is in just of the boxes.

by lilgio November 13th 2019, 8:50 pm

Code:: <table style="width: 100%;" cellpadding="5" cellspacing="5" border="0"> <tbody></tbody> <tr style=""> <td style="width: 31px;"> <img src="https://i.postimg.cc/c1MLDNJC/corazon-min.png" /> </td> <td style="width: 284px;"> <a href="https://onepiecerp.forumotion.com/f2-forum1">Forum</a><br />Description : this is forum 1 </td> <td style="width: 31px;"> <img src="https://i.postimg.cc/d34vJw79/shanks-min.png" /> </td> <td style="width: 279px;"> <a href="https://onepiecerp.forumotion.com/f3-forum2">Forum</a><br />Description : this is forum 2 </td> </tr><tbody> </tbody> <tr style=""> <td> <img src="https://i.postimg.cc/HkLncPdx/ace-min.png" /> </td> <td> <a href="https://onepiecerp.forumotion.com/f4-forum3">Forum</a><br />Description : this is forum 3 </td> <td> <img src="https://i.postimg.cc/ht3j9bt0/chopper-min.png" /> </td> <td> <a href="https://onepiecerp.forumotion.com/f5-forum4">Forum</a><br />Description : this is forum 4 </td> </tr><tbody></tbody> </table>

by **SLGray** November 13th 2019, 8:53 pm

Remove this:

Code:: <body></body>

by TonnyKamper November 13th 2019, 9:00 pm

There was a tbody tag in the middle which shouldn't be there.. this is the correct code:

Code:: <table style="width: 100%;" cellpadding="5" cellspacing="5" border="0"> <tbody> <tr> <td style="width: 31px;"> <img src="https://i.postimg.cc/c1MLDNJC/corazon-min.png" /> </td> <td style="width: 284px;"> <a href="https://onepiecerp.forumotion.com/f2-forum1">Forum</a><br />Description : this is forum 1 </td> <td style="width: 31px;"> <img src="https://i.postimg.cc/d34vJw79/shanks-min.png" /> </td> <td style="width: 279px;"> <a href="https://onepiecerp.forumotion.com/f3-forum2">Forum</a><br />Description : this is forum 2 </td> </tr> <tr> <td> <img src="https://i.postimg.cc/HkLncPdx/ace-min.png" /> </td> <td> <a href="https://onepiecerp.forumotion.com/f4-forum3">Forum</a><br />Description : this is forum 3 </td> <td> <img src="https://i.postimg.cc/ht3j9bt0/chopper-min.png" /> </td> <td> <a href="https://onepiecerp.forumotion.com/f5-forum4">Forum</a><br />Description : this is forum 4 </td> </tr> </tbody> </table>

by lilgio November 14th 2019, 4:27 pm

After putting the above code nothing changed. I just want everything to be centered off and for the forums to have some space between one another.

by TonnyKamper November 14th 2019, 7:19 pm

Do you mean like this:

Code:: <table style="width: 100%;" cellpadding="5" cellspacing="15" border="0"> <tbody> <tr> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/c1MLDNJC/corazon-min.png" /> </td> <td style="width: 284px; text-align:center;"> <a href="https://onepiecerp.forumotion.com/f2-forum1">Forum</a><br />Description : this is forum 1 </td> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/d34vJw79/shanks-min.png" /> </td> <td style="width: 279px; text-align:center;"> <a href="https://onepiecerp.forumotion.com/f3-forum2">Forum</a><br />Description : this is forum 2 </td> </tr> <tr> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/HkLncPdx/ace-min.png" /> </td> <td style="width: 279px; text-align:center;"> <a href="https://onepiecerp.forumotion.com/f4-forum3">Forum</a><br />Description : this is forum 3 </td> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/ht3j9bt0/chopper-min.png" /> </td> <td style="width: 279px; text-align:center;"> <a href="https://onepiecerp.forumotion.com/f5-forum4">Forum</a><br />Description : this is forum 4 </td> </tr> </tbody> </table>

For more space inbetween you edit the amount of cellpadding and/or cellspacing..

by lilgio November 14th 2019, 7:58 pm

Ah, ok. And lastly for centering everything? I thought using table align would work but it doesn't.

by **SLGray** November 14th 2019, 8:01 pm

You have to add the center HTML tags to each information you have in each column.

by lilgio November 14th 2019, 8:18 pm

For some reason whenever I try to add the center tags & save it messes up the code.

https://gyazo.com/13a215982f4aa54d4dad273c16738378

It pushes all the center tags to the top like that.

by **SLGray** November 14th 2019, 8:20 pm

No, I mean around the information that you want to appear on yoru forum.

by lilgio November 14th 2019, 8:58 pm

I know..i'm saying that when I add the center tag around the info I want on my forum and click save the code messes up and all the center tags get pushed to the top like in the picture.

by **SLGray** November 14th 2019, 9:21 pm

I mean this:

Code:: <td style="width: 31px;"> <center> <img src="https://i.postimg.cc/c1MLDNJC/corazon-min.png" /> </center> </td>

by TonnyKamper November 14th 2019, 10:00 pm

Try this code:

Code:: <center><table style="width: 100%;" cellpadding="5" cellspacing="15" border="0"> <tbody> <tr> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/c1MLDNJC/corazon-min.png" /> </td> <td style="width: 284px; text-align:center;"> <a href="https://onepiecerp.forumotion.com/f2-forum1">Forum</a><br />Description : this is forum 1 </td> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/d34vJw79/shanks-min.png" /> </td> <td style="width: 279px; text-align:center;"> <a href="https://onepiecerp.forumotion.com/f3-forum2">Forum</a><br />Description : this is forum 2 </td> </tr> <tr> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/HkLncPdx/ace-min.png" /> </td> <td style="width: 279px; text-align:center;"> <a href="https://onepiecerp.forumotion.com/f4-forum3">Forum</a><br />Description : this is forum 3 </td> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/ht3j9bt0/chopper-min.png" /> </td> <td style="width: 279px; text-align:center;"> <a href="https://onepiecerp.forumotion.com/f5-forum4">Forum</a><br />Description : this is forum 4 </td> </tr> </tbody> </table></center>

This centers the whole table..

by lilgio November 14th 2019, 11:48 pm

Neither of these are working.

by tikky November 15th 2019, 12:00 am

Welcome to ESF @lilgio,
Where do you want it to be centered?

Centering multiple forums in one? Img_2058

Using the printscreen as the reference in the middle of the box?

by lilgio November 15th 2019, 12:06 am

I want everything in the table centered horizontally where the red line is. And then I wanted the forums to be kinda separated from one another where the red dots are.

https://i.postimg.cc/bN00xSNm/Annotation-2019-11-14-180427.png

^ @pedxz

by **SLGray** November 15th 2019, 12:35 am

I believe you are not using the correct coding When I inspect the elements on your forum, it looks like you added all the information into just one of the table's column.

by lilgio November 15th 2019, 12:41 am

I removed the center tags after because it didn't work originally.

by TonnyKamper November 15th 2019, 2:39 am

There were some mistakes in the code and there is kind of a mistake in your template I guess, because the second half of that area is not accessable.. The right code is this:

Code:: <table style="width: 100%;" cellpadding="5" cellspacing="15" border="0"> <tbody><tr> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/c1MLDNJC/corazon-min.png" width="31px"> </td> <td> <a href="https://onepiecerp.forumotion.com/f2-forum1">Forum</a><br>Description : this is forum 1 </td> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/d34vJw79/shanks-min.png" width="31px"> </td> <td> <a href="https://onepiecerp.forumotion.com/f3-forum2">Forum</a><br>Description : this is forum 2 </td> </tr> <tr> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/HkLncPdx/ace-min.png" width="31px"> </td> <td> <a href="https://onepiecerp.forumotion.com/f4-forum3">Forum</a><br>Description : this is forum 3 </td> <td style="width: 31px; text-align:center;"> <img src="https://i.postimg.cc/ht3j9bt0/chopper-min.png" width="31px"> </td> <td> <a href="https://onepiecerp.forumotion.com/f5-forum4">Forum</a><br>Description : this is forum 4 </td> </tr> </tbody></table>