HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  
  • You are not connected. Please login or register


    Advanced Assistance Needed (I think)

    avatar
    • ****


        Reputation : 2
        Registered on : 2013-12-19
        Posts : 90
        LG
      Okay, so I set up a code in the homepage message section of my site. However, the boxes glitch and the inner boxes become partially invisible. I've racked my brain for a way to fix it but I have met dead ends. Here is a link to my site so that you can see the issue for yourselves: http://www.narutolegacy.com/

      Here is the code itself:

      Any assistance will be greatly appreciated. Thank you!

      Code:
      <span class="corners-bottom"><span></span></span>
      <div class="panel introduction">
       
      <div class="inner">
       <span class="corners-top"><span></span></span>
      <div class="mes-txt">
       
      <center>
       
      <table id="Frozen">
       
      <tbody>
       
      <tr>
       
      <td>
       
      <div style="width: 210px; height: 140px; background: #000000; margin-bottom: -15px; padding: 5px; border-top: 5px solid #0d0d0d; border-left: 5px solid #0d0d0d;">
       
      <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
       <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/spotli10.png" />
      </div><br />
      <div class="ciss" style="width: 195px; height: 285px; background-color: #141414; font-family: share; font-size: 10px; color: #A0A0A0; text-align: justify; line-height: 100%; margin: auto;">
       
      <center>
       Content
      </center>
       
      </div>
       
      </div>
       
      </td>
       
      <td rowspan="3">
       
      <div style="overflow: auto; width: 250px; height: 330px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
       
      <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
       <img src="http://i56.servimg.com/u/f56/18/76/17/65/events10.png" border="0" alt="" />
      </div><br />
      <div style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 285px;" class="ciss">
       
      <center>
       Content
      </center>
       
      </div>
       
      </div>
       
      </td>
       
      <td>
       
      <div style="width: 210px; height: 150px; background: #000000; margin-top: 25px; padding: 5px; border-top: 5px solid #0d0d0d; border-right: 5px solid #0d0d0d;">
       
      <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
       <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/welcom13.png" />
      </div><br />
      <div style="width: 195px; height: 85px; overflow: auto; background-color: #141414; font-family: share; font-size: 10px; color: #A0A0A0; text-align: justify; line-height: 100%; padding: 7px;">
       
      <div align="center">
       
      </div>
       
      <p style="">
       
      </p>
       
      </div>
       
      </div>
       
      </td>
       
      </tr>
       
      <tr>
       
      <td rowspan="2">
       
      <div style="width: 210px; height: 170px; background: #000000; margin-bottom: 25px; margin-top: -15px; padding: 5px; border-left: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
       
      <div style="background-color: #701B1B;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
       
      </div><br />
      </div>
       
      </td>
       
      <td>
       
      <div style="width: 210px; height: 170px; background: #000000; margin-top: 0px; padding: 5px; border-right: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
       
      <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
       <img src="http://i56.servimg.com/u/f56/18/76/17/65/news10.png" border="0" alt="" />
      </div><br />
      <div style="width: 195px; height: 125px; overflow: auto; background-color: #141414; font-family: share; font-size: 10px; color: #A0A0A0; text-align: justify; line-height: 100%; padding: 7px;">
       
      <center>
       
      </center>
       
      </div>
       
      </div>
       
      </td>
       
      </tr>
       
      </tbody>
       
      </table>
       
      </center>
       
      </div>
       
      </div>
      </div>



      Last edited by Eden Alexandria on Wed Mar 05, 2014 8:14 pm; edited 1 time in total

      avatar
      • Administrator

          Reputation : 315
          Registered on : 2012-02-22
          Posts : 2362
          School of codes courses: coming soon
        Hello Eden,

        do you mind providing me the link of the site where I can see this problem live? :bene:



        Niko wants you in the team Guest

        Community manager and Administrator at Forumattivo.com

        avatar
        • ****


            Reputation : 2
            Registered on : 2013-12-19
            Posts : 90
            LG
          The link lies here:

          http://www.narutolegacy.com/

          avatar
          • Administrator

              Reputation : 315
              Registered on : 2012-02-22
              Posts : 2362
              School of codes courses: coming soon
            Which is your issue?
            number 1, number 2 or both?



            Niko wants you in the team Guest

            Community manager and Administrator at Forumattivo.com

            avatar
            • ****


                Reputation : 2
                Registered on : 2013-12-19
                Posts : 90
                LG
              The "spotlight box", the "welcome box," and #2.



              Last edited by Eden Alexandria on Tue Mar 04, 2014 8:34 pm; edited 1 time in total (Reason for editing : Adding quotations.)

              avatar
              • Administrator

                  Reputation : 315
                  Registered on : 2012-02-22
                  Posts : 2362
                  School of codes courses: coming soon
                I've solved 2/3 problems..

                Tomorrow I'll give you the correct code :Good:

                See you



                Niko wants you in the team Guest

                Community manager and Administrator at Forumattivo.com

                avatar
                • ****


                    Reputation : 2
                    Registered on : 2013-12-19
                    Posts : 90
                    LG
                  Thank you very much! With the code tomorrow, may you also explain what was wrong? I would like to learn this for future reference. ^_^

                  See you tomorrow.

                  avatar
                  • Administrator

                      Reputation : 315
                      Registered on : 2012-02-22
                      Posts : 2362
                      School of codes courses: coming soon
                    Hey,

                    here you are
                    Code:
                    <center>
                               
                                <table id="Frozen">
                                   
                                  <tbody>
                                     
                                      <tr>
                                         
                                        <td rowspan="3">
                                           
                                            <div style="overflow: auto; width: 250px; height: 330px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                                               
                                              <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                                                  <img src="http://i56.servimg.com/u/f56/18/76/17/65/spotli10.png" border="0" alt="">
                                              </div><br>
                                              <div style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 233px;position: relative;top: -18px;" class="ciss">
                                                 
                                                  <center>
                                                      Content
                                                  </center>
                                                 
                                              </div>
                                               
                                            </div>
                                           
                                        </td>
                                         
                                        <td rowspan="3">
                                           
                                            <div style="overflow: auto; width: 250px; height: 332px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                                               
                                              <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                                                  <img src="http://i56.servimg.com/u/f56/18/76/17/65/events10.png" border="0" alt="">
                                              </div><br>
                                              <div style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 233px;position: relative;  top: -18px;" class="ciss">
                                                 
                                                  <center>
                                                      Content
                                                  </center>
                                                 
                                              </div>
                                               
                                            </div>
                                           
                                        </td>
                                         
                                        <td rowspan="3">
                                           
                                            <div style="overflow: auto; width: 250px; height: 332px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                                               
                                              <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                                                  <img src="http://i56.servimg.com/u/f56/18/76/17/65/welcom13.png" border="0" alt="">
                                              </div>
                                              <table><tbody><tr><td><div style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 90px;position: relative;top: 0px;" class="ciss">
                                                 
                                                  <center>
                                                      Content
                                                  </center>
                                                 
                      </div></td></tr><tr><td><div style="width: 210px; height: 119px; background: #000000; margin-top: 0px; padding: 5px; border-right: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                                               
                                               <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                                                   <img src="http://i56.servimg.com/u/f56/18/76/17/65/news10.png" border="0" alt="">
                                               </div><br>
                                               <div style="width: 195px; height: 58px; overflow: auto; background-color: #141414; font-family: share; font-size: 10px; color: #A0A0A0; text-align: justify; line-height: 100%; padding: 7px;position: relative;top: -20px;">
                                                  
                                                  <center>
                                                     
                                                  </center>
                                                  
                                               </div>
                                               
                      </div></td></tr></tbody></table>
                                               
                                            </div>
                                           
                                        </td>
                                         
                                      </tr><tr>
                                         
                                        <td rowspan="2">
                                           
                                           
                                           
                                        </td>
                                         
                                        <td>
                                           
                                           
                                           
                                        </td>
                                         
                                      </tr>
                                     
                                     
                                     
                                  </tbody>
                                   
                                </table>
                               
                            </center>



                    Niko wants you in the team Guest

                    Community manager and Administrator at Forumattivo.com

                    avatar
                    • ****


                        Reputation : 2
                        Registered on : 2013-12-19
                        Posts : 90
                        LG
                      I'm testing this out in here.






































                      Content

















                      Content
















                      Content




























                      avatar
                      • ****


                          Reputation : 2
                          Registered on : 2013-12-19
                          Posts : 90
                          LG
                        Okay, I see that it works here, but on my forum there is still some mess-ups. Is this because of differing versions?

                        Link:

                        http://www.narutolegacy.com/

                        Also, if it would help, I can make you a temporary administrator on my forum so that you can fix it in the panel.

                        Code:
                        <center>
                         
                        <table id="Frozen">
                         
                        <tbody>
                         
                        <tr>
                         
                        <td rowspan="3">
                         
                        <div style="overflow: auto; width: 250px; height: 330px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                         
                        <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                         <img src="http://i56.servimg.com/u/f56/18/76/17/65/spotli10.png" border="0" alt="" />
                        </div><br />
                        <div style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 233px;position: relative;top: -18px;" class="ciss">
                         
                        <center>
                         Content
                        </center>
                         
                        </div>
                         
                        </div>
                         
                        </td>
                         
                        <td rowspan="3">
                         
                        <div style="overflow: auto; width: 250px; height: 332px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                         
                        <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                         <img src="http://i56.servimg.com/u/f56/18/76/17/65/events10.png" border="0" alt="" />
                        </div><br />
                        <div style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 233px;position: relative;  top: -18px;" class="ciss">
                         
                        <center>
                         Content
                        </center>
                         
                        </div>
                         
                        </div>
                         
                        </td>
                         
                        <td rowspan="3">
                         
                        <div style="overflow: auto; width: 250px; height: 332px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                         
                        <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                         <img src="http://i56.servimg.com/u/f56/18/76/17/65/welcom13.png" border="0" alt="" />
                        </div>
                         
                        <table>
                         
                        <tbody>
                         
                        <tr>
                         
                        <td>
                         
                        <div style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 90px;position: relative;top: 0px;" class="ciss">
                         
                        <center>
                         Content
                        </center>
                         
                        </div>
                         
                        </td>
                         
                        </tr>
                         
                        <tr>
                         
                        <td>
                         
                        <div style="width: 210px; height: 119px; background: #000000; margin-top: 0px; padding: 5px; border-right: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                         
                        <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                         <img src="http://i56.servimg.com/u/f56/18/76/17/65/news10.png" border="0" alt="" />
                        </div><br />
                        <div style="width: 195px; height: 58px; overflow: auto; background-color: #141414; font-family: share; font-size: 10px; color: #A0A0A0; text-align: justify; line-height: 100%; padding: 7px;position: relative;top: -20px;">
                         
                        <center>
                         
                        </center>
                         
                        </div>
                         
                        </div>
                         
                        </td>
                         
                        </tr>
                         
                        </tbody>
                         
                        </table>
                         
                        </div>
                         
                        </td>
                         
                        </tr>
                         
                        <tr>
                         
                        <td rowspan="2">
                         
                        </td>
                         
                        <td>
                         
                        </td>
                         
                        </tr>
                         
                        </tbody>
                         
                        </table>
                         
                        </center>



                        Last edited by Eden Alexandria on Wed Mar 05, 2014 6:51 pm; edited 1 time in total (Reason for editing : Added a bit more text/info.)

                        avatar
                        • Administrator

                            Reputation : 315
                            Registered on : 2012-02-22
                            Posts : 2362
                            School of codes courses: coming soon
                          I can't see any problem on your forum :Good:



                          Niko wants you in the team Guest

                          Community manager and Administrator at Forumattivo.com

                          avatar
                          • ****


                              Reputation : 2
                              Registered on : 2013-12-19
                              Posts : 90
                              LG
                            The boxes are off-center still off a bit and the bars don't show up like on here either. I tried to re-align the boxes but they won't move they way I want them to xD

                            I'll see if I can't try to move the box under welcome.

                            Regardless, thank you very much for your assistance.

                            avatar
                            • Administrator

                                Reputation : 315
                                Registered on : 2012-02-22
                                Posts : 2362
                                School of codes courses: coming soon
                              I really don't know how to help you as I can't see the issue :bene:

                              btw, have you solved?



                              Niko wants you in the team Guest

                              Community manager and Administrator at Forumattivo.com

                              avatar
                              • ****


                                  Reputation : 2
                                  Registered on : 2013-12-19
                                  Posts : 90
                                  LG
                                Yes, this may be considered solved.  yes 

                                avatar
                                • Administrator

                                    Reputation : 315
                                    Registered on : 2012-02-22
                                    Posts : 2362
                                    School of codes courses: coming soon
                                  Great :Good:

                                  thank you



                                  Niko wants you in the team Guest

                                  Community manager and Administrator at Forumattivo.com


                                  YOUR BANNER HERE
                                  728x90
                                  DMCA.com Protection Status
                                  © PunBB | Contact | Report an abuse