Coding problem

by Hazeleyez73 January 3rd 2022, 6:10 pm

Technical Details

Forum version : #phpBB3
Position : Administrator
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
Forum link : https://www.the-creativechicks.com/

Description of problem

Here is the code I done and the images are below it, Please help me!!

Code:: <html> <head> <style> table, th, td { border: 3px Double black; border-radius: 0px; } </style> </head> <body> <table style="width:100%"> <tr> <th colspan="0">Boards</th> <th colspan="0">Chat With Us</th> <th colspan="0">Other Stuff</th> </tr> <tr> <td colspan="0">Welcome To Creative Chicks</td> <td rowspan="100%"> <div style="position: relative; margin: auto; width: 595px; font-size: 0; line-height: 0;" id="cboxdiv"> <div style="position: relative; height: 395px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 5px #704241 solid;"> <iframe style="width: 100%; height: 100%;" id="cboxmain7-701940" name="cboxmain7-701940" allowtransparency="yes" scrolling="auto" frameborder="5" marginwidth="0" marginheight="0" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=main"> </iframe> </div> <div style="position: relative; height: 129px; overflow: hidden; border: 5px #704241 solid; border-top: 5px;"> <iframe style="width: 100%; height: 100%;" id="cboxform7-701940" name="cboxform7-701940" allowtransparency="yes" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allow="autoplay" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=form"> </iframe> </div>  </div></td> <td colspan="0">Creative Chicks Publication</td> </tr> <tr> <td colspan="0">Creative Crash Pad</td> <td colspan="0">Portal</td> </tr> <tr> <tr> <td colspan="0">Creative Daily and Monthly Apprecitations</td> <td colspan="0">Creative Chicks Cafe</td> </tr> </tr> <tr> <td colspan="0">Creative Creations</td> <td colspan="0">Calendar</td> </tr> <tr> <td colspan="0">Daily Challenges</td> <td colspan="0">Creative Chicks Contests and Events</td> </tr> <tr> <td colspan="0">Bi-Weekly Challenges</td> <td colspan="0">Creative Resources</td> </tr> <tr> <td colspan="0">Monthly Challenges</td> <td colspan="0">Creative Chicks Exclusive Corner</td> </tr> <tr> <td colspan="0">Creative Chicks Shop</td> <td colspan="0">Creative Chicks Blog</td> </tr> <tr> <td colspan="0">Creative Chicks Facebook</td> <td colspan="0">Newsletter</td> </tr> <tr> <td colspan="0">Update Announcemence</td> <td colspan="0">Coming Soon</td> </tr> <tr> <td colspan="0">Coming Soon</td> <td colspan="0">Coming Soon</td> </tr> <tr> <td colspan="0">Coming Soon</td> <td colspan="0">Coming Soon</td> </tr> </tr> </table> </body> </html>

This is what it looks like when i submit it , and I dont want it to look like this
Coding problem 2v2ameeTNx67DPs

This is what it should look like
Coding problem 2v2ameeSrx67DPs

by **skouliki** January 3rd 2022, 6:39 pm

hello

this code where do you place it ? in HTML page

the code works fine see my test forum https://test4test.forumotion.com/h3-csd

in order to inspect the code on your forum please give us a URL that guests can view it

edit : ok i can see the issue
when you create the HTML page to the option
Do you wish to use your forum header and footer click NO

by Hazeleyez73 January 3rd 2022, 6:50 pm

Hello there,

I went ahead and try to put it on my forum again, under the Homepage Generalities in the Homepage Message. For some reason it works, maybe i needed to wait a little bit more. I am going to keep an eye on it, if i have problems with it I will get back to you about it. Thanks for testing it out for me.

by **skouliki** January 3rd 2022, 6:58 pm

The elements in the code are the same as some of your forum elements
So the code behaves differently if you paste it within the forum or to an html page
If you want the code to work in a unique way then you have to use different elements so you can style them seperately

by Hazeleyez73 January 3rd 2022, 7:10 pm

So is this code I did and put it in the Homepage Message is it going to stay the way it is, or is it going to work one time and then not work another time?

by **skouliki** January 3rd 2022, 7:46 pm

if it is working then it is working

by Niko January 3rd 2022, 7:49 pm

Dear @Hazeleyez73

codes do not change they way they appear, unless you have additional modifications.

What @skouliki referred to, is that if you use the code in an html page it is by itself without existing CSS, etc.. - but if you use that code on the forum, it will also benefit from the customizations you performed on the forum. For this reason, further modifications to your forum may interact on your code.

I can't give you any further details about this, especially because I can't see the code live on the forum Embarassed

But don't worry, if it works now - unless you modify something - it will stay!

In case you will have the issue again, having the result live to visit would be a plus in helping for the team and helpers like me salut

Have a nice day :rose:

by Hazeleyez73 January 3rd 2022, 9:12 pm

@niko @skouliki

You should be able to look at the forum what it looks like now, https://www.the-creativechicks.com/forum
I have modify it to have the titles linked, so when users click on them they go to the right place, but when i submit it turn out all missed up. isn't there a way i can modify it and not worry about being all missed up. I want it to be where it is though.

Here the code i modify

Code:: <html> <head> <style> table, th, td { border: 3px Double black; border-radius: 0px; } </style> </head> <body> <table style="width:100%"> <tr> <th colspan="0">Boards</th> <th colspan="0">Chat With Us</th> <th colspan="0">Other Stuff</th> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c1-welcome-to-the-creative-chicks">Welcome To The Creative Chicks</a></td> <td rowspan="100%"> <div style="position: relative; margin: auto; width: 595px; font-size: 0; line-height: 0;" id="cboxdiv"> <div style="position: relative; height: 395px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 5px #704241 solid;"> <iframe style="width: 100%; height: 100%;" id="cboxmain7-701940" name="cboxmain7-701940" allowtransparency="yes" scrolling="auto" frameborder="5" marginwidth="0" marginheight="0" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=main"> </iframe> </div> <div style="position: relative; height: 129px; overflow: hidden; border: 5px #704241 solid; border-top: 5px;"> <iframe style="width: 100%; height: 100%;" id="cboxform7-701940" name="cboxform7-701940" allowtransparency="yes" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allow="autoplay" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=form"> </iframe> </div>  </div></td> <td colspan="0"><a href="https://www.the-creativechicks.com/f167-announcements-helpful-information"/>Updated Announcements</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c5-creative-crash-pad">Creative Crash Pad</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/privmsg?mode=post">PM The Staff</a></td> </tr> <tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c7-creative-monthly-daily-appreciations"/>Creative Daily and Monthly Apprecitations</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/f12-missing-chicks"/>Missing Chicks</a></td> </tr> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c2-creative-chicks-cafe"/>Creative Chicks Cafe</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/calendar"/>Calendar</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c6-creative-daily-challenges"/>Daily Challenges</a></td> <td colspan="0"><a href="https://www.facebook.com/groups/268379439869017"/>Creative Chicks Facebook</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/f27-tutorial-challenge"/>Bi-Weekly Challenges</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com"/>Creative Chicks Portal</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c19-creative-monthly-monthly"/>Monthly Challenges</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/c21-creative-chicks-newsletters"/>Chicks Newsletters</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c10-creative-chicks-shop"/>Chicks Shop</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/f6-always-list-request"/>Request An Your Always List</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c12-creative-resources"/>Chicks Resources</a></td> <td colspan="0">Coming Soon</td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c13-creative-chick-s-exclusive-corner"/>Chicks Exclusive Corner</a></td> <td colspan="0">Coming Soon</td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c9-creative-chicks-contests-fun-events"/>Chicks Contests and Events</a></td> <td colspan="0">Coming Soon</td> </tr> <tr> <td colspan="0">Coming Soon</td> <td colspan="0">Coming Soon</td> </tr> </tr> </table> </body> </html>

by **SLGray** January 3rd 2022, 9:59 pm

So basically the bottom group under the first row should be in the left and right columns?

by Hazeleyez73 January 3rd 2022, 10:04 pm

Yes, and the cbox chat is in the middle

by **SLGray** January 3rd 2022, 10:07 pm

Have you tried just creating one table for each side and then adding those tables to one that has all 3 parts?

by Hazeleyez73 January 3rd 2022, 10:11 pm

I have and it still messed up

by **SLGray** January 3rd 2022, 10:17 pm

How was it messed up?

by Hazeleyez73 January 3rd 2022, 10:29 pm

It didn’t aligned up right, when I did the left table first and then did the right table the cbox was to far down
Then I started over made the code that we are trying fix now. I just want to see why it is doing what it is doing. I want the right side stay in place nd the left side stay in one place the middle stay in one place with out seeing the right side move under heather middle part. Every time I modify it doesn’t mess up, so I am missing something

by Hazeleyez73 January 3rd 2022, 10:30 pm

deleted by skouliki

Can you delete this post

by Niko January 4th 2022, 1:10 am

@Hazeleyez73 I checked it a couple hours ago and it was messed up, now I checked again and it is fine. Something changed in the meantime? Embarassed

If yes, what changed?
If no, i need to ask you to share something with me (unless I manage to re-find it in the messed up version)

but first I need to ask you the browser version, is it Edge? or do you use for example Google Chrome? - I am asking this because it would be helpful to inspect the source code of the page in both scenarios, but I am afraid you can't easily get it in Microsoft Edge.
- If you are using Microsoft Edge, maybe you can download the page on your desktop (in both cases) and upload them here as attachments to the post.
- If you use Google Chrome, you can just inspect the page and share with us the full code of the page*
*Please do this while logged out, because you may end up sharing some IDs that are better to keep hidden for security issues

edit: the other solution you can try, would be to replace

Code:: <td rowspan="100%">

with

Code:: <td rowspan="13">

, so that the number of rows to use is absolute (13) rather than relative (100%) - which I think could be the problem behind the issue.

Let me know :rose:

by Hazeleyez73 January 4th 2022, 2:24 am

@Niko

Ok so i did what ask me to do is to replace ,

Code:: <td rowspan="100%"> with <td rowspan="13">

that just messed it up again, like it was before.

for your first question i am in Google Chrome.

how do you get the code to show you though

by Niko January 4th 2022, 3:00 am

@Hazeleyez73 strange, it seems okay to me at the moment Zen

To insect a page on Google Chrome:

Right click on the element that needs to be inspected
Select Inspect (usually the last element of the menu)

> you will see a page like this opening:
Then scroll up until you reach the element
Code:
<div id="page-body">
, so right click on it and then select "Copy"
Then just provide us the content

This is mainly needed for the "bugged" version - it may help us in getting some clues of what is going on :rose:

by Hazeleyez73 January 4th 2022, 3:22 am

Is this what you mean? @Niko

Code:: <div id="page-body"><div id="fa_fontsize_container"><span id="fa_fontsize_label" style="font-size:10px">Font Size : </span><select id="fa_fontsize"><option value="default:10px">Default</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14" selected="">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option></select></div><div id="emptyidcc" class="no-left"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="emptyidleft"></div><div id="main"><div id="main-content"><div style="height: 90px; position:relative; max-height: 90px; min-width: 728px; visibility: visible !important; display: block !important; opacity: 1 !important; "><div class="n0c16eba" style="position:absolute !important;width:100% !important;height: auto !important;min-height: auto !important; max-height: 90px !important; padding:0 !important;text-align:center !important; z-index: auto !important;"><div style="display:inline-block !important;"> <script type="text/javascript"> function sdLoadGPT() { var tagAds = document.createElement('script'); tagAds.async = true; tagAds.src = 'http://securepubads.g.doubleclick.net/tag/js/gpt.js'; document.getElementsByTagName('head')[0].appendChild(tagAds); } var _0x51fa=['publisherCC','purpose','addEventListener','consents','purposeOneTreatment','gdprApplies','legitimateInterests','listenerId','object','removeEventListener','eventStatus','vendor','cmpuishown','tcString','__tcfapi','SDDAN'];(function(_0x23ad2a,_0x51fa7e){var _0xe87174=function(_0x377b9d){while(--_0x377b9d){_0x23ad2a['push'](_0x23ad2a['shift']());}};_0xe87174(++_0x51fa7e);}(_0x51fa,0xf9));var _0xe871=function(_0x23ad2a,_0x51fa7e){_0x23ad2a=_0x23ad2a-0x0;var _0xe87174=_0x51fa[_0x23ad2a];return _0xe87174;};(function(){var _0x377b9d=0x0,_0x1ff862=setInterval(function(){_0x377b9d++>=0xc8&&(clearInterval(_0x1ff862),sdLoadGPT()),typeof window['__tcfapi']==='function'&&(clearInterval(_0x1ff862),window[_0xe871('0x5')](_0xe871('0x9'),0x2,function(_0x4b1684,_0x3223e8){if(!_0x3223e8||!_0x4b1684['eventStatus']&&_0x4b1684[_0xe871('0xc')])return;(!_0x4b1684[_0xe871('0xc')]||(_0x4b1684[_0xe871('0x1')]==='tcloaded'||_0x4b1684[_0xe871('0x1')]==='useractioncomplete'||_0x4b1684[_0xe871('0x1')]===_0xe871('0x3'))&&(_0x4b1684[_0xe871('0x4')]&&_0x4b1684[_0xe871('0x2')][_0xe871('0xa')][0x2f3]&&(_0x4b1684['purpose'][_0xe871('0xa')][0x1]||(_0x4b1684[_0xe871('0x8')]['consents'][0x2]||_0x4b1684[_0xe871('0x8')][_0xe871('0xd')][0x2])&&_0x4b1684[_0xe871('0x7')]==='DE'&&_0x4b1684[_0xe871('0xb')])))&&(typeof window[_0xe871('0x6')]===_0xe871('0xf')&&sdLoadGPT(),__tcfapi(_0xe871('0x0'),0x2,function(){},_0x4b1684[_0xe871('0xe')]));}));},0xa);}()); var width = document.documentElement.clientWidth; var size = [728, 90]; if (width > 1024) { size = [970, 90]; } window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { googletag.defineSlot('/2964010/728x90-top', size, 'gpt-passback-61d3ae4a75b92') .set("page_url", "https://www.the-creativechicks.com/forum") .setTargeting("page_domain", "the-creativechicks.com") .addService(googletag.pubads()); googletag.enableServices(); googletag.display('gpt-passback-61d3ae4a75b92'); }); </script> <div id="gpt-passback-61d3ae4a75b92" data-google-query-id="CPi8p_KDl_UCFbjjKAUdPv8Fiw"><div id="google_ads_iframe_/2964010/728x90-top_0__container__" style="border: 0pt none; display: inline-block; width: 970px; height: 90px;"><iframe frameborder="0" src="https://22bf6148fa4c029320a19def87ba4a20.safeframe.googlesyndication.com/safeframe/1-0-38/html/container.html" id="google_ads_iframe_/2964010/728x90-top_0" title="3rd party ad content" name="" scrolling="no" marginwidth="0" marginheight="0" width="970" height="90" data-is-safeframe="true" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="attribution-reporting" role="region" aria-label="Advertisement" tabindex="0" data-google-container-id="1" style="border: 0px; vertical-align: bottom;" data-load-complete="true"></iframe></div></div></div><br class="clear"></div></div><div style="clear:both;"></div><style type="text/css">html body .n0c16eba,html body .n0c16eba iframe:not([src*="pixel"]):not([style]),html body iframe[name="google_ads_frame"],html body .n0c16eba iframe[name="google_ads_frame"],html body #wrap #page-body div.n0c16eba,html body #page-body .n0c16eba,html body div.n0c16eba{display:block!important;visibility:visible!important;float:none!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .n0c16eba,html body .n0c16eba iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .n0c16eba iframe:not([src*="pixel"]){border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style><div style="height:3px"></div><p>Current date/time is Mon Jan 03, 2022 9:17 pm</p><br class="clear"><div class="panel introduction"><div class="inner"><span class="corners-top"><span></span></span><div class="h3"><center><span style="font-size: 20px;">Our Chatty Chicks</span></center></div><div class="mes-txt"> <style> table, th, td { border: 3px Double black; border-radius: 0px; } </style> <table style="width:100%"> <tbody><tr> <th colspan="0">Boards</th> <th colspan="0">Chat With Us</th> <th colspan="0">Other Stuff</th> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c1-welcome-to-the-creative-chicks">Welcome To The Creative Chicks</a></td> <td rowspan="13"> <div style="position: relative; margin: auto; width: 595px; font-size: 0; line-height: 0;" id="cboxdiv"> <div style="position: relative; height: 395px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 5px #704241 solid;"> <iframe style="width: 100%; height: 100%;" id="cboxmain7-701940" name="cboxmain7-701940" allowtransparency="yes" scrolling="auto" frameborder="5" marginwidth="0" marginheight="0" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=main"> </iframe> </div> <div style="position: relative; height: 129px; overflow: hidden; border: 5px #704241 solid; border-top: 5px;"> <iframe style="width: 100%; height: 100%;" id="cboxform7-701940" name="cboxform7-701940" allowtransparency="yes" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allow="autoplay" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=form"> </iframe> </div>  </div></td> <td colspan="0"><a href="https://www.the-creativechicks.com/f167-announcements-helpful-information">Updated Announcements</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c5-creative-crash-pad">Creative Crash Pad</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/privmsg?mode=post">PM The Staff</a></td> </tr> <tr> </tr><tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c7-creative-monthly-daily-appreciations">Creative Daily and Monthly Apprecitations</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/f12-missing-chicks">Missing Chicks</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c2-creative-chicks-cafe">Creative Chicks Cafe</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/calendar">Calendar</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c6-creative-daily-challenges">Daily Challenges</a></td> <td colspan="0"><a href="https://www.facebook.com/groups/268379439869017">Creative Chicks Facebook</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/f27-tutorial-challenge">Bi-Weekly Challenges</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com">Creative Chicks Portal</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c19-creative-monthly-monthly">Monthly Challenges</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/c21-creative-chicks-newsletters">Chicks Newsletters</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c10-creative-chicks-shop">Chicks Shop</a></td> <td colspan="0"><a href="https://www.the-creativechicks.com/f6-always-list-request">Request An Your Always List</a></td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c12-creative-resources">Chicks Resources</a></td> <td colspan="0">Coming Soon</td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c13-creative-chick-s-exclusive-corner">Chicks Exclusive Corner</a></td> <td colspan="0">Coming Soon</td> </tr> <tr> <td colspan="0"><a href="https://www.the-creativechicks.com/c9-creative-chicks-contests-fun-events">Chicks Contests and Events</a></td> <td colspan="0">Coming Soon</td> </tr> <tr> <td colspan="0">Coming Soon</td> <td colspan="0">Coming Soon</td> </tr> </tbody></table> </div><span class="corners-bottom"><span></span></span></div></div><ul class="linklist"><li><a href="/search?search_id=unanswered">View unanswered posts</a></li></ul><div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>Welcome to The Creative Chicks</h2></div></dd><dd class="topics">Topics</dd><dd class="posts">Posts</dd><dd class="lastpost"><span>Last Posts</span></dd></dl></li></ul><ul class="topiclist forums"><li class="row"><dl class="icon" style="background:url(https://2img.net/media.fotki.com/2v2amv3Vdx67DPs.png) no-repeat scroll 10px 50%;"><dd class="dterm"><div style="display: block; margin : 0 0px 0 45px;"><h3 class="hierarchy"><a href="/f1-rules-faq-s" class="forumtitle">Rules & FAQ's</a><a href="#" class="fa_star" onclick="fa_starred.star(this, 1); return false;" title="Star this forum"><i class="fa"></i></a></h3><br><img src="https://2img.net/h/dl6.glitter-graphics.net/pub/692/692186zjad3k7xja.gif" alt="Rules & FAQ's" style="float:left" loading="lazy">Here you will find everything you need to get started in the forum!<br><br><strong></strong> </div></dd><dd class="topics">13 <dfn>Topics</dfn></dd><dd class="posts">74 <dfn>Posts</dfn></dd><dd class="lastpost"><span class="lastpost-avatar"><img loading="lazy" src="https://media.fotki.com/2v2a4CwJ9x67DPs.png" alt="The Creative Chicks 2v2a4CwJ9x67DPs" style="max-width: 200px; max-height: 200px"></span><span><a href="/t44134-forum-rules" title="Forum Rules">Forum Rules</a><br>Today at 7:13 pm<br><span style="color:#473352" class="color-groups"><strong>Jen73</strong></span> <a href="/t44134-forum-rules#850352" class="last-post-icon"><img src="https://2img.net/i/fa/empty.gif" alt="View latest post" title="View latest post" loading="lazy"></a></span></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div><ul class="linklist"><li><a href="/search?search_id=activetopics">Today's active topics</a> • </li><li><a href="/memberlist?mode=today_posters">Today's top 20 posters</a> • </li><li class="last"><a href="/memberlist?mode=overall_posters">Overall top 20 posters</a></li><li class="rightside"><a href="/forum?mode=delete_cookies" rel="nofollow">Delete the forum cookies</a></li></ul><div class="h3">Who is online?</div><img src="https://i.servimg.com/u/f66/16/57/64/84/online12.png" id="i_whosonline" alt="Who is online?" class="img-whois"><p>In total there are <strong>25</strong> users online :: 1 Registered, 0 Hidden and 24 Guests :: 1 Bot<br>Most users ever online was <strong>93</strong> on Sun Dec 01, 2013 11:43 pm<br><br>Registered Users: <a href="/u809"><span style="color:#473352"><strong>Lori2165</strong></span></a><br>Bots : <span style="font-family:Verdana,sans-serif;"><span style="color:#0C8484;font-weight: bold">b</span><span class="bot_end_color" style="color:#333333">ing</span></span><br>Members connected during last 24 hours : <a href="/u1939"><span style="color:#3CC991"><strong>*Alexandra*</strong></span></a>, <a href="/u1461"><span style="color:#276B56"><strong>Amela</strong></span></a>, <a href="/u1315"><span style="color:#276B56"><strong>Basima</strong></span></a>, <a href="/u1960"><span style="color:#473352"><strong>Darlene</strong></span></a>, <a href="/u1370"><span style="color:#473352"><strong>Jen73</strong></span></a>, <a href="/u770"><span style="color:#473352"><strong>Jodi</strong></span></a>, <a href="/u809"><span style="color:#473352"><strong>Lori2165</strong></span></a>, <a href="/u1976"><span style="color:#3CC991"><strong>Lynx</strong></span></a>, <a href="/u1972"><span style="color:#3CC991"><strong>momjen2</strong></span></a>, <a href="/u1577"><span style="color:#276B56"><strong>MzTina</strong></span></a>, <a href="/u942"><span style="color:#276B56"><strong>pat</strong></span></a>, <a href="/u461"><span style="color:#3CC991"><strong>PJ</strong></span></a>, <a href="/u1991"><span style="color:#3CC991"><strong>sammi</strong></span></a>, <a href="/u1877"><span style="color:#276B56"><strong>tinkerbell</strong></span></a><br><br style="line-height:5px;">No users have a birthday today<br>Users with a birthday within the next 7 days: <a href="/u332"><span style="color:#3CC991"><strong>robinlynn</strong></span></a> (63), <a href="/u439"><span style="color:#276B56"><strong>sandy</strong></span></a> (65), <a href="/u1017"><span style="color:#3CC991"><strong>taiga</strong></span></a> (50) <br><br><em>Legend : <span id="groupLegend">[ <b><a style="color: #473352" class="gensmall" href="/g1-admin" title="Closed group - Group Members : 9">Admin</a></b> ][ <b><a style="color: #83869E" class="gensmall" href="/g3-creative-vip" title="Closed group - Group Members : 1">Creative VIP</a></b> ][ <b><a style="color: #83869E" class="gensmall" href="/g4-creative-artists" title="Closed group - Group Members : 1">Creative Artists</a></b> ][ <b><a style="color: #276B56" class="gensmall" href="/g5-creative-chicks" title="Opened group - Group Members : 57">Creative Chicks</a></b> ][ <b><a style="color: #3CC991" class="gensmall" href="/g6-creative-newbies" title="Opened group - Group Members : 160">Creative Newbies</a></b> ]</span></em></p><div class="clear"></div><div class="h3">Statistics</div><p class="page-bottom">Our users have posted a total of <strong>726789</strong> messages</p><p class="page-bottom">We have <strong>160</strong> registered users</p><p class="page-bottom">The newest registered user is <strong><a href="/u1993"><span style="color:#3CC991"><strong>Patty</strong></span></a></strong></p><br style="clear:both"><ul id="picture_legend"><li><img src="https://2img.net/media.fotki.com/2v2amv3Vdx67DPs.png" alt="New posts">New posts</li><li><img src="https://2img.net/media.fotki.com/2v2amv3Vdx67DPs.png" alt="No new posts">No new posts</li><li><img src="https://2img.net/media.fotki.com/2v2amv3Vdx67DPs.png" alt="Forum is locked">Forum is locked</li></ul><div id="n0c16eba" style="clear:both;"><div align="center"> <div style="text-align:center; display:inline-block; margin:0 auto;"> <table border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border:none;"> <tbody> <tr> <td valign="top" style="padding:32px 32px; "> <script type="text/javascript"> function sdLoadGPT() { var tagAds = document.createElement('script'); tagAds.async = true; tagAds.src = 'http://securepubads.g.doubleclick.net/tag/js/gpt.js'; document.getElementsByTagName('head')[0].appendChild(tagAds); } var _0x51fa=['publisherCC','purpose','addEventListener','consents','purposeOneTreatment','gdprApplies','legitimateInterests','listenerId','object','removeEventListener','eventStatus','vendor','cmpuishown','tcString','__tcfapi','SDDAN'];(function(_0x23ad2a,_0x51fa7e){var _0xe87174=function(_0x377b9d){while(--_0x377b9d){_0x23ad2a['push'](_0x23ad2a['shift']());}};_0xe87174(++_0x51fa7e);}(_0x51fa,0xf9));var _0xe871=function(_0x23ad2a,_0x51fa7e){_0x23ad2a=_0x23ad2a-0x0;var _0xe87174=_0x51fa[_0x23ad2a];return _0xe87174;};(function(){var _0x377b9d=0x0,_0x1ff862=setInterval(function(){_0x377b9d++>=0xc8&&(clearInterval(_0x1ff862),sdLoadGPT()),typeof window['__tcfapi']==='function'&&(clearInterval(_0x1ff862),window[_0xe871('0x5')](_0xe871('0x9'),0x2,function(_0x4b1684,_0x3223e8){if(!_0x3223e8||!_0x4b1684['eventStatus']&&_0x4b1684[_0xe871('0xc')])return;(!_0x4b1684[_0xe871('0xc')]||(_0x4b1684[_0xe871('0x1')]==='tcloaded'||_0x4b1684[_0xe871('0x1')]==='useractioncomplete'||_0x4b1684[_0xe871('0x1')]===_0xe871('0x3'))&&(_0x4b1684[_0xe871('0x4')]&&_0x4b1684[_0xe871('0x2')][_0xe871('0xa')][0x2f3]&&(_0x4b1684['purpose'][_0xe871('0xa')][0x1]||(_0x4b1684[_0xe871('0x8')]['consents'][0x2]||_0x4b1684[_0xe871('0x8')][_0xe871('0xd')][0x2])&&_0x4b1684[_0xe871('0x7')]==='DE'&&_0x4b1684[_0xe871('0xb')])))&&(typeof window[_0xe871('0x6')]===_0xe871('0xf')&&sdLoadGPT(),__tcfapi(_0xe871('0x0'),0x2,function(){},_0x4b1684[_0xe871('0xe')]));}));},0xa);}()); window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { googletag.defineSlot('/2964010/300x250', [300, 250], 'gpt-passback-61d3ae4a77be9') .set("page_url", "https://www.the-creativechicks.com/forum") .setTargeting("page_domain", "the-creativechicks.com") .addService(googletag.pubads()); googletag.enableServices(); googletag.display('gpt-passback-61d3ae4a77be9'); }); </script> <div id="gpt-passback-61d3ae4a77be9" data-google-query-id="CPaqtPKDl_UCFTLlKAUdwy0F6w"><div id="google_ads_iframe_/2964010/300x250_0__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/2964010/300x250_0" title="3rd party ad content" name="google_ads_iframe_/2964010/300x250_0" width="300" height="250" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" role="region" aria-label="Advertisement" tabindex="0" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="attribution-reporting" srcdoc="" style="border: 0px; vertical-align: bottom;" data-google-container-id="2" data-load-complete="true"></iframe></div></div></td> <td valign="top" style="padding:32px 32px; "> <script type="text/javascript"> function sdLoadGPT() { var tagAds = document.createElement('script'); tagAds.async = true; tagAds.src = 'http://securepubads.g.doubleclick.net/tag/js/gpt.js'; document.getElementsByTagName('head')[0].appendChild(tagAds); } var _0x51fa=['publisherCC','purpose','addEventListener','consents','purposeOneTreatment','gdprApplies','legitimateInterests','listenerId','object','removeEventListener','eventStatus','vendor','cmpuishown','tcString','__tcfapi','SDDAN'];(function(_0x23ad2a,_0x51fa7e){var _0xe87174=function(_0x377b9d){while(--_0x377b9d){_0x23ad2a['push'](_0x23ad2a['shift']());}};_0xe87174(++_0x51fa7e);}(_0x51fa,0xf9));var _0xe871=function(_0x23ad2a,_0x51fa7e){_0x23ad2a=_0x23ad2a-0x0;var _0xe87174=_0x51fa[_0x23ad2a];return _0xe87174;};(function(){var _0x377b9d=0x0,_0x1ff862=setInterval(function(){_0x377b9d++>=0xc8&&(clearInterval(_0x1ff862),sdLoadGPT()),typeof window['__tcfapi']==='function'&&(clearInterval(_0x1ff862),window[_0xe871('0x5')](_0xe871('0x9'),0x2,function(_0x4b1684,_0x3223e8){if(!_0x3223e8||!_0x4b1684['eventStatus']&&_0x4b1684[_0xe871('0xc')])return;(!_0x4b1684[_0xe871('0xc')]||(_0x4b1684[_0xe871('0x1')]==='tcloaded'||_0x4b1684[_0xe871('0x1')]==='useractioncomplete'||_0x4b1684[_0xe871('0x1')]===_0xe871('0x3'))&&(_0x4b1684[_0xe871('0x4')]&&_0x4b1684[_0xe871('0x2')][_0xe871('0xa')][0x2f3]&&(_0x4b1684['purpose'][_0xe871('0xa')][0x1]||(_0x4b1684[_0xe871('0x8')]['consents'][0x2]||_0x4b1684[_0xe871('0x8')][_0xe871('0xd')][0x2])&&_0x4b1684[_0xe871('0x7')]==='DE'&&_0x4b1684[_0xe871('0xb')])))&&(typeof window[_0xe871('0x6')]===_0xe871('0xf')&&sdLoadGPT(),__tcfapi(_0xe871('0x0'),0x2,function(){},_0x4b1684[_0xe871('0xe')]));}));},0xa);}()); window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { googletag.defineSlot('/2964010/300x250', [300, 250], 'gpt-passback-61d3ae4a77bbd') .set("page_url", "https://www.the-creativechicks.com/forum") .setTargeting("page_domain", "the-creativechicks.com") .addService(googletag.pubads()); googletag.enableServices(); googletag.display('gpt-passback-61d3ae4a77bbd'); }); </script> <div id="gpt-passback-61d3ae4a77bbd" data-google-query-id="CK6mh_KDl_UCFULjKAUdztUG6g"><div id="google_ads_iframe_/2964010/300x250_1__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/2964010/300x250_1" title="3rd party ad content" name="google_ads_iframe_/2964010/300x250_1" width="300" height="250" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" role="region" aria-label="Advertisement" tabindex="0" allow="attribution-reporting" srcdoc="" data-google-container-id="3" style="border: 0px; vertical-align: bottom;" data-load-complete="true"></iframe></div></div></td> </tr> </tbody> </table> </div></div></div><div style="height:3px"></div></div></div></div></div><div id="emptyidright"></div></div></div></div></div>

by **skouliki** January 4th 2022, 9:39 am

you can see here https://test4test.forumotion.com/ the code all the lines are ok

my test forum has the default templates on and no CSS so the conflict might come from one of those
do you have any CSS codes ? or any templates modified?

and something else when you do changes to this kind of codes the mode must be this

not this

otherwise, the code will mess up

by Hazeleyez73 January 4th 2022, 11:04 am

@skouliki

I made sure it the mode code was right, which it was.

Yes we do have css coding and we have modify a little. So what am I suppose to do then, can it be fixed. So I won’t have this problem every time I want to add something to it.

This is what we have in our css style sheet

Code:: .vote .vote-button, .vote-no-bar { display:none; } .vote .vote-button:first-child { display:block; } body { min-width: 1215px; } .postprofile { border-color: #0076b1; border-right-style: solid; border-right-width: 1px; color: #000; display: inline; float: left; margin: 5px 0 0; min-height: 80px; position: relative; width: 22%; word-wrap: break-word; } #navMP>a{ display:inline-block; padding-left:10px; padding-right:10px; font-size:16px; line-height:16px; color:#eee; background:#BDC8D0; text-decoration:none !important; border:1px solid #aaa; } #navMP>a:hover{ color:#fff; background:#CDD8E0; text-decoration:none !important; } #navMP-precedent{ border-radius:8px 0 0 8px; } #navMP-suivant{ float:right; border-radius:0 8px 8px 0; } #navMP-precedent::before{ content:"Previous" } #navMP-suivant::before{ content:"Next" } /* button image */ .sceditor-button-mention div { background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) !important } /* drop down input */ #fa-mention { background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF; padding-left:22px; } .postbody { padding: 0; line-height: 1.48em; color: #9A6E9F; width: 84%; clear: both; } .postprofile{ width: 15% !important; } .postprofile { text-align: center;} img.smiley { width: auto !important; height: auto !important; } .sceditor-emoticons > div{height:200px;overflow-y:scroll} .sceditor-emoticons > div > img{left:auto!important;top:-38px!important;right:-8px;background:#FFFFFF;border:1px solid #DDD;padding:5px} #board_time_table {display:none} #search-links.linklist{display:none} .postNumberContainer { text-align:left } a.postNumber { font-size:20px; /* size of the number */ color:#666; /* color of the link */ background:#EEE; /* background color */ border:1px solid #CCC; /* border size, type, and color */ border-radius:3px; /* border roundness */ display:inline-block; /* display state */ padding:2px; /* inner spacing */ } /* Profile popup */ #profcont-container { background:#EEE !important; border:1px solid #CCC !important; } #userAVA img{ position:absolute; top:43px; right:30px; height:50px; width:50px; } .profile_popup_nav { background:#E0E0E0; margin:-4px -4px 10px -4px; padding:3px; padding-top:10px !important; height:auto; border-bottom:1px solid #CCC; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; } .propop_tab { color:#888; text-shadow:1px 1px 0 #F5F5F5; cursor:pointer; -webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; border:1px solid #CCC; border-bottom:none; -webkit-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset; -moz-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset; box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset; background:#DDD; margin:0 2px; padding:3px; } .propop_tab:hover { position:relative; top:1px; color:#666; text-shadow:none; background-color:#EEE; } .propop_tab.activeTab { position:relative; top:1px; color:#666; text-shadow:none !important; background-color:#EEE !important; } #profileLinks { background:#E0E0E0; display:block; padding:3px; margin:10px -4px -4px -4px; border-top:1px solid #CCC; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; } #fa_popup { width: 50%; } #fa_popup_overlay { background-color:#FFF; opacity:0.8; position:fixed; top:0; left:0; right:0; bottom:0; } #fa_popup { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#FFF; border-radius:3px; position:fixed; top:50px; left:12%; right:12%; bottom:30px; padding:3px; width:auto; overflow:hidden; box-shadow:0px 3px 10px rgba(34, 25, 25, 0.4); } #fa_popup_content { border:1px solid #EEE; border-radius:3px; padding:3px; overflow:auto; height:90%; } .fa_popup_title { color:#333; font-size:12px; font-weight:bold; font-family:"Trebuchet MS", Arial, Verdana, Sans-serif; border-bottom:1px solid #333; margin:8px 0; padding-bottom:2px; } input.fa_popup_button, a.fa_popup_button { color:#FFF !important; font-size:12px; font-weight:bold; text-indent:0; text-decoration:none !important; background-color:#39C; border:none; border-bottom:2px solid #17A; border-radius:3px; display:inline-block; line-height:20px; padding:0 6px; cursor:pointer; transition:300ms; } input.fa_popup_close { background-color:#E53; border-color:#C31; min-width:25px; position:absolute; top:2px; right:2px; } input.fa_popup_button:hover, a.fa_popup_button:hover { background-color:#333; border-color:#111; } input.fa_popup_button:focus, a.fa_popup_button:active, a.fa_popup_button:focus { background-color:#EB5; border-color:#C93; outline:none; } .fa_popup_error { color:#966; font-size:12px; background:#FEE; border:1px solid #ECC; border-bottom-width:2px; border-radius:3px; padding:9px 6px; margin:6px; } .fa_popup_friends { background:#EEE; border:1px solid #DDD; border-bottom-width:2px; border-radius:3px; display:inline-block; padding:3px; margin:3px; float:none; overflow:hidden; } #fa_popup .add_success { color:#8B5 } #fa_popup .deny_success { color:#E53 } #fa_popup .add_failed { color:#EB5 } .fa_popup_loading { color:#333; font-size:14px; font-weight:bold; text-align:center; padding:25px; } .fa_popup_more { text-align:center; margin:3px; clear:both; } .fa_avatar img { width:25px; height:25px; margin-right:5px; margin-bottom:-6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } a.pokie { color:#474 !important; font-size:12px; text-decoration:none !important; text-transform:uppercase; background:url(https://i.servimg.com/u/f38/18/45/41/65/c11.png) no-repeat 3px center #9C9; border:1px solid #7A7; border-radius:3px; display:inline-block; padding:4px 6px; padding-left:25px; } a.pokie:hover { background-color:#ADA; background-position:6px center; border-color:#8B8; } a.pokie:active { background-position:8px center } .profile_field_list li { display:inline-block } a[href="/g1-admin"] { background: url("https://media.fotki.com/2v2am38aFx67DPs.gif") no-repeat; padding-left: 19px; padding-top: 2px; } a[href="/g3-creative-vip"] { background: url("https://media.fotki.com/2v2am38aFx67DPs.gif") no-repeat; padding-left: 19px; padding-top: 2px; } a[href="/g4-creative-artists"] { background: url("https://media.fotki.com/2v2am38aFx67DPs.gif") no-repeat; padding-left: 19px; padding-top: 2px; } a[href="/g5-creative-chicks"] { background: url("https://media.fotki.com/2v2am38aFx67DPs.gif") no-repeat; padding-left: 19px; padding-top: 2px; } a[href="/g6-creative-newbies"] { background: url("https://media.fotki.com/2v2am38aFx67DPs.gif") no-repeat; padding-left: 19px; padding-top: 2px; }

by Niko January 4th 2022, 2:22 pm

Okay maybe I found the issue - which could be with a small problem in the HTML code that was corrected thanks to the browser parser that was not always corrected in the right way Wink

Give a try with this code:

Code:: <style> table, th, td { border: 3px Double black; border-radius: 0px; } </style> <table style="width:100%"> <tr> <th colspan="1">Boards</th> <th colspan="1">Chat With Us</th> <th colspan="1">Other Stuff</th> </tr> <tr> <td colspan="1">Welcome To Creative Chicks</td> <td rowspan="13"> <div style="position: relative; margin: auto; width: 595px; font-size: 0; line-height: 0;" id="cboxdiv"> <div style="position: relative; height: 395px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 5px #704241 solid;"> <iframe style="width: 100%; height: 100%;" id="cboxmain7-701940" name="cboxmain7-701940" allowtransparency="yes" scrolling="auto" frameborder="5" marginwidth="0" marginheight="0" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=main"> </iframe> </div> <div style="position: relative; height: 129px; overflow: hidden; border: 5px #704241 solid; border-top: 5px;"> <iframe style="width: 100%; height: 100%;" id="cboxform7-701940" name="cboxform7-701940" allowtransparency="yes" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allow="autoplay" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=form"> </iframe> </div>  </div></td> <td colspan="1">Creative Chicks Publication</td> </tr> <tr> <td colspan="1">Creative Crash Pad</td> <td colspan="1">Portal</td> </tr> <tr> <td colspan="1">Creative Daily and Monthly Apprecitations</td> <td colspan="1">Creative Chicks Cafe</td> </tr> <tr> <td colspan="1">Creative Creations</td> <td colspan="1">Calendar</td> </tr> <tr> <td colspan="1">Daily Challenges</td> <td colspan="1">Creative Chicks Contests and Events</td> </tr> <tr> <td colspan="1">Bi-Weekly Challenges</td> <td colspan="1">Creative Resources</td> </tr> <tr> <td colspan="1">Monthly Challenges</td> <td colspan="1">Creative Chicks Exclusive Corner</td> </tr> <tr> <td colspan="1">Creative Chicks Shop</td> <td colspan="1">Creative Chicks Blog</td> </tr> <tr> <td colspan="1">Creative Chicks Facebook</td> <td colspan="1">Newsletter</td> </tr> <tr> <td colspan="1">Update Announcemence</td> <td colspan="1">Coming Soon</td> </tr> <tr> <td colspan="1">Coming Soon</td> <td colspan="1">Coming Soon</td> </tr> <tr> <td colspan="1">Coming Soon</td> <td colspan="1">Coming Soon</td> </tr> </tr> </table>

For reference:

Code:
colspan="0"
was not the best, because in any case the column needs to have at least 1 col of visibility
In one occurence you had two
Code:
<tr>
tags in a row. So you had something like
Code:
<tr><tr><td colspan="0">CONTENT 1</td><td colspan="0">CONTENT 2</td></tr></tr>

Give a try with the code I gave you, if we are lucky that should work :wouhou:

by Hazeleyez73 January 4th 2022, 8:55 pm

@Niko I put that code that u fixed for me but when I am on my phone the bottom right and left is bigger than everything else. When I get home today around 6pm I am going to see if it messes up when I go in to add something. So far it looks good for now except for the bottom two that says coming soon. I will let u know about add or modify it when I get home. Kinda hard to do things like this on my phone.

by Niko January 4th 2022, 9:27 pm

@Hazeleyez73 I tried to check and you're right... that is strange because from desktop is perfectly fine, and same on my other mobile device, but I do get the same on mobile Embarassed

by Hazeleyez73 January 4th 2022, 11:53 pm

@Niko Hi again, I notice when you fixed the code that the links are not with the title names, so i went to the code to put the like for just one to see how that goes, and save it. Its messed up again.

by Niko January 5th 2022, 12:02 am

That is strange @Hazeleyez73 cause I only removed the extra

Code:: <tr>

and changed the rowspan Embarassed

Can you provide me the new code you fixed? So i can check the differences Wink

Sorry for this taking so long, but it's a bit strange as a situation with the code Think

by Hazeleyez73 January 5th 2022, 12:27 am

@Niko Ok it seems to all work for PC and Ipad, is there any way of making it work on Cell phone?

Here is my code just in case you need it to work with Cell phone.

I do appreciate your help on this.

Code:: <style> table, th, td { border: 3px Double black; border-radius: 0px; } </style> <table style="width:100%"> <tr> <th colspan="1">Boards</th> <th colspan="1">Chat With Us</th> <th colspan="1">Other Stuff</th> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c1-welcome-to-the-creative-chicks">Welcome To The Creative Chicks</a></td> <td rowspan="13"> <div style="position: relative; margin: auto; width: 595px; font-size: 0; line-height: 0;" id="cboxdiv"> <div style="position: relative; height: 395px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 5px #704241 solid;"> <iframe style="width: 100%; height: 100%;" id="cboxmain7-701940" name="cboxmain7-701940" allowtransparency="yes" scrolling="auto" frameborder="5" marginwidth="0" marginheight="0" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=main"> </iframe> </div> <div style="position: relative; height: 129px; overflow: hidden; border: 5px #704241 solid; border-top: 5px;"> <iframe style="width: 100%; height: 100%;" id="cboxform7-701940" name="cboxform7-701940" allowtransparency="yes" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allow="autoplay" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=form"> </iframe> </div>  </div></td> <td colspan="1"><a href="https://www.the-creativechicks.com/publi"/>Chicks Publications</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c5-creative-crash-pad">Creative Crash Pad</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com"/>Creative Chicks Portal</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c7-creative-monthly-daily-appreciations"/>Creative Daily and Monthly Apprecitations</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c2-creative-chicks-cafe"/>Creative Chicks Cafe</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c3-creative-creations"/>Creative Creations</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/calendar"/>Calendar</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c6-creative-daily-challenges"/>Daily Challenges</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c9-creative-chicks-contests-fun-events"/>Chicks Contests and Events</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/f27-tutorial-challenge"/>Bi-Weekly Challenges</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c12-creative-resources"/>Chicks Resources</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c19-creative-monthly-monthly"/>Monthly Challenges</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c13-creative-chick-s-exclusive-corner"/>Chicks Exclusive Corner</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c10-creative-chicks-shop"/>Chicks Shop</a></td> <td colspan="1"><a href="http://the-creativechicks.blogspot.com"/>Creative Chicks Blog</a></td> </tr> <tr> <td colspan="1"><a href="https://www.facebook.com/groups/268379439869017"/>Creative Chicks Facebook</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c21-creative-chicks-newsletters"/>Chicks Newsletters</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/f167-announcements-helpful-information"/>Updated Announcements</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/f6-always-list-request"/>Request An Your Always List</a></td> </tr> <tr> <td colspan="1">Coming Soon</td> <td colspan="1"><a href="https://www.the-creativechicks.com/f12-missing-chicks"/>Missing Chicks</a></td> </tr></td> </tr> <tr> <td colspan="1">Coming Soon</td> <td colspan="1"><a href="https://www.the-creativechicks.com/privmsg?mode=post">PM The Staff</a></td> </tr></td> </tr> </tr> </table>

by Niko January 5th 2022, 12:46 am

@Hazeleyez73 it probably depends on how the browser interprets it Wink

Can I ask you which browser and which device you use? Because I'd need to reproduce the problem emulating on desktop to understand what is going on.

In the meantime, give a try with this:

Code:: <style> table, th, td { border: 3px Double black; border-radius: 0px; } table#table-intro td { display: table-cell; } </style> <table style="width:100%" id="table-intro"> <tr> <th colspan="1">Boards</th> <th colspan="1">Chat With Us</th> <th colspan="1">Other Stuff</th> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c1-welcome-to-the-creative-chicks">Welcome To The Creative Chicks</a></td> <td rowspan="13"> <div style="position: relative; margin: auto; width: 595px; font-size: 0; line-height: 0;" id="cboxdiv"> <div style="position: relative; height: 395px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 5px #704241 solid;"> <iframe style="width: 100%; height: 100%;" id="cboxmain7-701940" name="cboxmain7-701940" allowtransparency="yes" scrolling="auto" frameborder="5" marginwidth="0" marginheight="0" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=main"> </iframe> </div> <div style="position: relative; height: 129px; overflow: hidden; border: 5px #704241 solid; border-top: 5px;"> <iframe style="width: 100%; height: 100%;" id="cboxform7-701940" name="cboxform7-701940" allowtransparency="yes" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allow="autoplay" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=form"> </iframe> </div>  </div></td> <td colspan="1"><a href="https://www.the-creativechicks.com/publi"/>Chicks Publications</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c5-creative-crash-pad">Creative Crash Pad</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com"/>Creative Chicks Portal</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c7-creative-monthly-daily-appreciations"/>Creative Daily and Monthly Apprecitations</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c2-creative-chicks-cafe"/>Creative Chicks Cafe</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c3-creative-creations"/>Creative Creations</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/calendar"/>Calendar</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c6-creative-daily-challenges"/>Daily Challenges</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c9-creative-chicks-contests-fun-events"/>Chicks Contests and Events</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/f27-tutorial-challenge"/>Bi-Weekly Challenges</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c12-creative-resources"/>Chicks Resources</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c19-creative-monthly-monthly"/>Monthly Challenges</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c13-creative-chick-s-exclusive-corner"/>Chicks Exclusive Corner</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/c10-creative-chicks-shop"/>Chicks Shop</a></td> <td colspan="1"><a href="http://the-creativechicks.blogspot.com"/>Creative Chicks Blog</a></td> </tr> <tr> <td colspan="1"><a href="https://www.facebook.com/groups/268379439869017"/>Creative Chicks Facebook</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/c21-creative-chicks-newsletters"/>Chicks Newsletters</a></td> </tr> <tr> <td colspan="1"><a href="https://www.the-creativechicks.com/f167-announcements-helpful-information"/>Updated Announcements</a></td> <td colspan="1"><a href="https://www.the-creativechicks.com/f6-always-list-request"/>Request An Your Always List</a></td> </tr> <tr> <td colspan="1">Coming Soon</td> <td colspan="1"><a href="https://www.the-creativechicks.com/f12-missing-chicks"/>Missing Chicks</a></td> </tr></td> </tr> <tr> <td colspan="1">Coming Soon</td> <td colspan="1"><a href="https://www.the-creativechicks.com/privmsg?mode=post">PM The Staff</a></td> </tr></td> </tr> </tr> </table>

by Hazeleyez73 January 5th 2022, 12:59 am

The newest I phone and use chrome on it as well

by Niko January 5th 2022, 1:35 am

Okay I managed to reproduce it also on Safari from desktop Wink

If the size (height) of the central frame is always the same, you may try adding this css (which states the height of every cell to basically the full height divided by the number of rows:

Code:: table#table-intro td { display: table-cell; height: 38px!important; }

Coding problem

Coding problem

Technical Details

Description of problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem

Re: Coding problem