Eden Alexandria
  • ****


      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

    Niko
    • Administrator

        Reputation : 320
        Registered on : 2012-02-22
        Posts : 2366
        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

      Eden Alexandria
      • ****


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

        http://www.narutolegacy.com/

        Niko
        • Administrator

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

          Advanced Assistance Needed (I think) Proble10



          Niko wants you in the team Guest

          Community manager and Administrator at Forumattivo.com

          Eden Alexandria
          • ****


              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.)

            Niko
            • Administrator

                Reputation : 320
                Registered on : 2012-02-22
                Posts : 2366
                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

              Eden Alexandria
              • ****


                  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.

                Niko
                • Administrator

                    Reputation : 320
                    Registered on : 2012-02-22
                    Posts : 2366
                    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

                  Eden Alexandria
                  • ****


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
































                    Advanced Assistance Needed (I think) Spotli10





                    Content











                    Advanced Assistance Needed (I think) Events10





                    Content











                    Advanced Assistance Needed (I think) Welcom13




                    Content





                    Advanced Assistance Needed (I think) News10






















                    Eden Alexandria
                    • ****


                        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.)

                      Niko
                      • Administrator

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

                        Advanced Assistance Needed (I think) Ff10



                        Niko wants you in the team Guest

                        Community manager and Administrator at Forumattivo.com

                        Eden Alexandria
                        • ****


                            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.

                          Niko
                          • Administrator

                              Reputation : 320
                              Registered on : 2012-02-22
                              Posts : 2366
                              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

                            Eden Alexandria
                            • ****


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

                              Niko
                              • Administrator

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

                                thank you



                                Niko wants you in the team Guest

                                Community manager and Administrator at Forumattivo.com