Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

border-image issue


Posted (edited)


 I am trying to wrap an html table in a border-image. I have the code working how I want it on jsfiddle (link on my page) but it is not working on Squarespace.

Maybe some conflicting css? Maybe a picture size issue? I have tried 2000 px wide down to 400 px wide.  I have tried classes, ids, border-image-source, border-image-slice, etc. Please help. 


Go to https://wldktz.com/table-designs

The screenshot is from Squarespace gray border.  The tiger skin border is from the jsfiddle.


Thank you!


Edited by j_design

Share this post

Link to post

2 answers to this question

Recommended Posts

  • 0

@j_design add border-collapse: unset; to your code

table.borderimgtiger {
    border-style: solid;
    border-color: transparent;
    border-width: 50px 25px 50px 25px;
    -moz-border-image: url(/s/tiger_skin_400.jpg) 20 20 20 20 round round;
    -webkit-border-image: url(/s/tiger_skin_400.jpg) 20 20 20 20 round round;
    -o-border-image: url(/s/tiger_skin_400.jpg) 20 20 20 20 round round;
    border-collapse: unset;

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post

Link to post
  • 0

Wow! Thank you soooo much @tuanphan for your expertise!!! I am hardly an expert but I have never even heard of border-collapse: unset. That solved it 100%! I struggled with that one for a while.

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...