• 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

Kait18

New member
#1
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! :)
 

Kait18

New member
#5
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! :D
 
Last edited: