1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 [SOLVED] Table border

Discussion in 'Styling and Customization Questions' started by Kait18, Jan 9, 2014.

  1. Kait18

    Kait18 New Member

    Hello, I am trying to make a table without borders in a page-node, but the borders won't dissapear.
    Here's my css:
    HTML:
        <style type="text/css">
            table{
                width: 55%;
                margin-left: auto;
                margin-right: auto;
                text-align: center;
                border: 0px;
                border-collapse: separate;
            }
            tr{
                text-align: center;
                height: 220px;
            }
            .div1{
                background-color: #56798c;
                height: 200px;
                width: 450px;
                position: relative;
                margin: auto;
                border-radius: 45px;
            }
            .div2{
                width: 100px;
                border: 2px, solid, #F5F5FD;
                height: 100px;
                vertical-align: middle;
                position: absolute;
                top: 50%;
                margin-left: 20px;
                margin-top: -50px;
                display: table-cell;
                text-align: center;
            }
            .div3{
                width: 100px;
                border:2px, solid, #F5F5FD;
                height: 40px;
                vertical-align: middle;
                top: 50%;
                position: absolute;
                margin-left: 20px;
                margin-top: 60px;
                display: table-cell;
                text-align: center;
                font-size: 13px;
                line-height: 1;
                color: aqua;
                text-indent: 10px;
            }
            .div4{
                width: 300px;
                height:130px;
                vertical-align: middle;
                position: absolute;
                top: 50%;
                margin-left: 130px;
                border-radius: 25px;
                margin-top: -65px;
                display: table-cell;
                background-color: #7faabe;
                text-align: justify;
                text-indent: 10px;
                font-size: 12px;
            }
        </style>
    I am making my table between
    HTML:
    <div class="messageText ugc baseHtml"></div>
    tags. Any idea on how to remove the table border? Thanks! :)
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Try border:none.
     
  3. Kait18

    Kait18 New Member

    @Brogan Thanks for the reply. It's still showing the border. Is there another way to fix it? :)
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    You will just need to find the correct CSS to do so.
    Try applying it to the cell directly.
     
  5. Kait18

    Kait18 New Member

    What do you mean with applying it to the cell directly? Could you please show me an example?
    Edit: Tried it and it worked, thanks! :D
     
    Last edited: Jan 9, 2014

Share This Page