html cellspacing and cellpadding inside a table problem - Page 2 Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
5 posters

    html cellspacing and cellpadding inside a table problem

    aprilshowers0923
    aprilshowers0923
    Forumember


    Posts : 233
    Reputation : 9
    Language : english

    Solved html cellspacing and cellpadding inside a table problem

    Post by aprilshowers0923 December 8th 2020, 2:36 am

    First topic message reminder :

    Good evening:

    I am having problems with the space at the top of each table.  It is not the same as the sides and bottom.

    Here is the image.

    html cellspacing and cellpadding inside a table problem - Page 2 Goldwebset
    Code:
    <center><table style="border:3px ridge #b88f4e;" cellspacing="0" cellpadding="0" width="100%" background="https://i.postimg.cc/150K6fhQ/untitled.png"><tbody><td></td></tr><td width="100%"><br>
    aprilshowers0923
    aprilshowers0923
    Forumember


    Posts : 233
    Reputation : 9
    Language : english

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by aprilshowers0923 December 11th 2020, 12:05 am

    html cellspacing and cellpadding inside a table problem - Page 2 Image5

    Should be wider to cover post
    No space between the the 3 tables at the bottom.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3524
    Language : English
    Location : United States

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by SLGray December 11th 2020, 3:03 am

    Where exactly on your forum are you adding this?



    html cellspacing and cellpadding inside a table problem - Page 2 Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by skouliki December 11th 2020, 7:50 am

    to give some space to that square add a <br> after line 17 on the code

    for the width, it is depending on your forum/post width settings

    in my test forum ... version same as yours .... seems ok (default templates)

    html cellspacing and cellpadding inside a table problem - Page 2 Scre2286

    do not only preview the result ...post it to see it


    check the post details seems that they are displayed wrong ( see if you make any changes on the template) this may alter the post result

    html cellspacing and cellpadding inside a table problem - Page 2 Scre2287

    TonnyKamper likes this post

    aprilshowers0923
    aprilshowers0923
    Forumember


    Posts : 233
    Reputation : 9
    Language : english

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by aprilshowers0923 December 11th 2020, 10:00 pm

    I am using the same version and templates yes but I havent touched anything on it.

    Can I see the code that you are using now please?
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by skouliki December 12th 2020, 8:23 am

    ok first of all lets correct some things
    this is the new code that don't mess up with the post details and don't mess up with the like dislike new system buttons and it is equal justified

    Code:

    <center><table style="border: 3px ridge #b88f4e" cellspacing="5" cellpadding="12"  width="100%" background="https://i.postimg.cc/XYRhNkq4/untitled1.jpg"><tbody><tr><td width="100%"><center><table style="border:3px ridge#b88f4e"cellspacing="35"cellpadding="5"width="100%" background="https://i.postimg.cc/gJwwtxBr/untitled-2.jpg"><tbody><tr><td width="100%"><center><table style="border: 3px ridge #b88f4e" cellspacing="25" cellpadding="0" width="100%" background="https://i.postimg.cc/fLdFvKZL/untitled3.jpg"><tbody><tr><td width="100%"><center><table border="0" cellspacing="0" cellpadding="10" width="100% "background="https://i.postimg.cc/gJwwtxBr/untitled-2.jpg"><tbody><tr><td width="100%"><center><table border="0" cellspacing="" cellpadding="" width="100%" background="https://i.postimg.cc/fLdFvKZL/untitled3.jpg"><tbody><tr><td width="100%">

    Bla Bla bla bla TEST TEST test test test  test Bla Bla bla bla TEST TEST test test test  
    test Bla Bla bla bla TEST TEST test test test  test Bla Bla bla bla TEST TEST test test test
    test Bla Bla bla bla TEST TEST test test test  test


    <center><table border="0" cellspacing="0" cellpadding="6" width="70%" background="https://i.postimg.cc/gJwwtxBr/untitled-2.jpg">
    <tbody><tr><td width="100%"><center><table border="0" cellspacing="0" cellpadding="2" width="100%" background="https://i.postimg.cc/fLdFvKZL/untitled3.jpg"><tbody><tr><td width="100%"><center><table border="0" cellspacing="0" cellpadding="0" width="100%" background="ttps://i.postimg.cc/fLdFvKZL/untitled3.jpg"><tbody><tr><td width="100%">
                      </td></tr></table></td></tr></table></td></tr></table><br>
    </td></tr></table>
    </td></tr></table>
    </td></tr></table>
    </td></tr></table>
    </td></tr></table>


    result

    html cellspacing and cellpadding inside a table problem - Page 2 Scre2288


    the width is auto resized meaning that if you write a whole sentence not just words ( like the code has right now ) the width will be automatic wider

    example

    html cellspacing and cellpadding inside a table problem - Page 2 Scre2289

    if you DONT want the width to be auto resized then go to your admin panel...display..colors..css and add this code

    Code:

    table {
      width: 100%;
        background-attachment: fixed;
    }

    result

    html cellspacing and cellpadding inside a table problem - Page 2 Scre2290


    SLGray and TonnyKamper like this post

    aprilshowers0923
    aprilshowers0923
    Forumember


    Posts : 233
    Reputation : 9
    Language : english

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by aprilshowers0923 December 15th 2020, 6:50 pm

    This is the one I like the best except that I want the top and bottom not showing.

    html cellspacing and cellpadding inside a table problem - Page 2 Fin
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by skouliki December 15th 2020, 7:25 pm

    sorry i dont understand you 

    you mean the borders?

    aprilshowers0923
    aprilshowers0923
    Forumember


    Posts : 233
    Reputation : 9
    Language : english

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by aprilshowers0923 December 15th 2020, 8:17 pm

    I just realized you are in Greece.

    Awesome.

    Okay that is a table for the background so no I dont want a border.  What I want is to get rid of the top and bottom portion.  I have been fiddling around with it but I can't seem to be able to get rid of it.  I tried with Padding, cellspacing and even margins.
    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1443
    Reputation : 220
    Language : English

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by SarkZKalie December 16th 2020, 12:46 am

    Hello @aprilshowers0923 try to add this to your Admin Control Panel -> Display -> CSS
    Code:
    .tags:nth-child(2) {
        padding: 35px!important;
    }



    html cellspacing and cellpadding inside a table problem - Page 2 Sarkzk10

    TonnyKamper likes this post

    aprilshowers0923
    aprilshowers0923
    Forumember


    Posts : 233
    Reputation : 9
    Language : english

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by aprilshowers0923 December 16th 2020, 3:07 am


    By adding that to my CSS, what is that going to do? 
    aprilshowers0923
    aprilshowers0923
    Forumember


    Posts : 233
    Reputation : 9
    Language : english

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by aprilshowers0923 December 20th 2020, 1:42 am

    I am working on another webset to use when posting but I am still having trouble on the top spacing 
    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1443
    Reputation : 220
    Language : English

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by SarkZKalie December 20th 2020, 5:26 pm

    I suggest you to upgrade your forum version from PHPBB2 to latest ones, ModernBB or AwesomeBB

    That CSS i give you will add margin: 35px to every element that is the second child of its parent.

    For example :
    Code:
    <div class="tags">1</div>
    <div class="tags">2</div> (add margin: 35px)
    <div class="tags">3</div>
    <div class="tags">4</div>



    html cellspacing and cellpadding inside a table problem - Page 2 Sarkzk10
    aprilshowers0923
    aprilshowers0923
    Forumember


    Posts : 233
    Reputation : 9
    Language : english

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by aprilshowers0923 December 20th 2020, 5:33 pm

    How do I upgrade?
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by skouliki December 20th 2020, 6:26 pm

    You can change the version of your forum anytime you want. This option can be found in the ACP:
    ACP ...Display ...Choose a theme ... Version

    You can choose up to 5 versions: phpBB3, phpBB2, Invision, PunBB and ModernBB

    i suggest you save your css file first and keep in mind that the javascript may not work ( each version has different elements )

    aprilshowers0923
    aprilshowers0923
    Forumember


    Posts : 233
    Reputation : 9
    Language : english

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by aprilshowers0923 December 20th 2020, 7:28 pm

    Okay thank you so much for your help.

    You can now close this topic.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    Solved Re: html cellspacing and cellpadding inside a table problem

    Post by skouliki December 20th 2020, 7:47 pm

    you are welcome

    Problem solved & topic archived.
    Please read our forum rules: ESF General Rules