XF 1.2 [SOLVED] Table border

[Kait18]

Hello, I am trying to make a table without borders in a page-node, but the borders won't dissapear.
Here's my css:

    <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

<div class="messageText ugc baseHtml"></div>

tags. Any idea on how to remove the table border? Thanks!

 

[Paul B]

Try border:none.

 

[Kait18]

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

 

[Paul B]

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

 

[Kait18]

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

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!