Printable Version of Topic
Click here to view this topic in its original format
Jcink.com Forums > General Support > Code Issues


Posted by: Minksfly May 16 2018, 01:07 AM
I coded a posting template for my site and put it into the skin's stylesheets so I don't have to manually change the table's colors each time I change the skin's colors, but I think some of the style sheet codes are interacting with the table's codes and not making it display properly. I know the table works as it displays properly on the site's other skins.

http://liesinthelow.jcink.net/index.php?act=ST&f=121&t=5367

And here is what it's supposed to look like https://k.nickpic.host/vg82Pb.png

Also you cannot click on usernames in the board statistics to be brought to profiles. Curious if that's a result of the coding as well or just something that needs to be added?

Hoping it's not a total train wreck to fix but if it is I can always use the table without the coding being in the stylesheets.

Posted by: John May 16 2018, 10:43 AM
This is doing it actually:

QUOTE
TABLE, TR, TD {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
color: #fff;
padding: 10px;
}

The second that I removed this, it fixed itself and normalized. This applied a padding of 10px to every table, td, and tr element.

Posted by: Minksfly May 16 2018, 11:24 AM
Okay I removed that it it mostly normalized. The columns and rows are back to normal, but there is still a stretched border around it and the purple background applied to it that don't show up when viewed from the other skin.

edit: if I edit my table's div staffstatbox I can correct it the purple color, but still can't get rid of that border.

I found it it was this code that was doing it

QUOTE
span.post-normal table {
    margin: 20px 0px;
    border: 1px solid #333;
    padding: 20px;
}




Now I still can't figure out what's making it so I can't click on the user names in the board statistics area.

Posted by: owl May 16 2018, 02:39 PM
Find this in your CSS:

.bBtns {
margin-left: -5px;
position: relative;
display: block;
top: 25px;
}

.bBtns a.btn {
padding: 5px 76px;
margin-left: 10px;
font-size: 10px;
}


Replace it with this:

.bBtns {
margin-left: -5px;
position: relative;
display: block;
top: 25px;
pointer-events: none;
}

.bBtns a.btn {
padding: 5px 76px;
margin-left: 10px;
font-size: 10px;
pointer-events: all;
}

Posted by: Minksfly May 16 2018, 05:01 PM
That did it! Thank you

'
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)