The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS 5px Double Border with a 3px Gap

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #208367

    I need to produce a DOUBLE border for tables that is 5px high with a 3px tranparent gap and each of the the top and bottom lines solid 1px.

    I ahve tried and tried andf trid this morninfg but have final conceded defeat. Can anyone help me please!

    Many thanks



    I have removed the work I have done this morning following looking online BUT I found the clipboard clippings that I copied and tried to amend to suit with no joy at all.

    border-style: solid;
    border-width: 5px 0px 0px;
    -moz-border-image: url(double-line.png) 5 0 0 repeat;
    -webkit-border-image: url(double-line.png) 5 0 0 repeat;
    -o-border-image: url(double-line.png) 5 0 0 repeat;
    border-image: url(double-line.png) 5 0 0 repeat;

    And another

    CSS Code
    border-image-slice: 5 0 0 0;
    border-image-width: 5px 0px 0px 0px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: repeat stretch;
    border-image-source: url(“image to be repeated for border”);


    Thanks for you help. Not sure if that will work for me as it ALL round. I am really trying to make just a top and bottom border on a table cell using css. I can do the double border of course (3px double #E7D9E7) but its the 3px transparant gap in the middle with a 1px line top and bottom that is the problem.


    Thanks Paulie, I appreciate your time.

    I am thinking there ‘may’ be a solution using ‘solid’ shadowing and the a solid ‘border’ but I can’t figure it.

    Maybe some else will be able to assit. Fingers X.


    Here you Go:

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.