Styling table issue












2















So I want table to have borders only below each row.



td{

border-bottom-style: solid;}


But, between columns, there is visible border break. I don't get how can I remove that?










share|improve this question

























  • Please post some example code or create a fiddle.

    – jezzipin
    May 8 '13 at 13:08
















2















So I want table to have borders only below each row.



td{

border-bottom-style: solid;}


But, between columns, there is visible border break. I don't get how can I remove that?










share|improve this question

























  • Please post some example code or create a fiddle.

    – jezzipin
    May 8 '13 at 13:08














2












2








2








So I want table to have borders only below each row.



td{

border-bottom-style: solid;}


But, between columns, there is visible border break. I don't get how can I remove that?










share|improve this question
















So I want table to have borders only below each row.



td{

border-bottom-style: solid;}


But, between columns, there is visible border break. I don't get how can I remove that?







html css css-tables






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 22 '18 at 20:55









Brian Tompsett - 汤莱恩

4,2421339102




4,2421339102










asked May 8 '13 at 13:05









Joe Half FaceJoe Half Face

1,181727




1,181727













  • Please post some example code or create a fiddle.

    – jezzipin
    May 8 '13 at 13:08



















  • Please post some example code or create a fiddle.

    – jezzipin
    May 8 '13 at 13:08

















Please post some example code or create a fiddle.

– jezzipin
May 8 '13 at 13:08





Please post some example code or create a fiddle.

– jezzipin
May 8 '13 at 13:08












4 Answers
4






active

oldest

votes


















4














table {
border-collapse: collapse;
}


http://jsfiddle.net/Adrift/LSNR7/






share|improve this answer

































    3














    Use the border collapse in your CSS.



    table {
    border-collapse: collapse;
    }





    share|improve this answer































      3














      One possibility is to use



      table {
      border-collapse:collapse;
      }


      or, if that is not an option (it could cause more problems than it solved in earlier versions of IE), you can proceed as follows...



      table {
      border-spacing:0;
      }


      Take your pick!






      share|improve this answer
























      • Who cares about earlier versions of IE?))) It's some kind of extreme perfectionism

        – Joe Half Face
        May 8 '13 at 13:42






      • 1





        You'd be surprised how many people are stuck with IE8, because they hang on to Windows XP.

        – Mr Lister
        May 8 '13 at 14:23



















      1














      Try Below :



      table {
      border-collapse: collapse;
      }





      share|improve this answer























        Your Answer






        StackExchange.ifUsing("editor", function () {
        StackExchange.using("externalEditor", function () {
        StackExchange.using("snippets", function () {
        StackExchange.snippets.init();
        });
        });
        }, "code-snippets");

        StackExchange.ready(function() {
        var channelOptions = {
        tags: "".split(" "),
        id: "1"
        };
        initTagRenderer("".split(" "), "".split(" "), channelOptions);

        StackExchange.using("externalEditor", function() {
        // Have to fire editor after snippets, if snippets enabled
        if (StackExchange.settings.snippets.snippetsEnabled) {
        StackExchange.using("snippets", function() {
        createEditor();
        });
        }
        else {
        createEditor();
        }
        });

        function createEditor() {
        StackExchange.prepareEditor({
        heartbeatType: 'answer',
        autoActivateHeartbeat: false,
        convertImagesToLinks: true,
        noModals: true,
        showLowRepImageUploadWarning: true,
        reputationToPostImages: 10,
        bindNavPrevention: true,
        postfix: "",
        imageUploader: {
        brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
        contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
        allowUrls: true
        },
        onDemand: true,
        discardSelector: ".discard-answer"
        ,immediatelyShowMarkdownHelp:true
        });


        }
        });














        draft saved

        draft discarded


















        StackExchange.ready(
        function () {
        StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f16441522%2fstyling-table-issue%23new-answer', 'question_page');
        }
        );

        Post as a guest















        Required, but never shown

























        4 Answers
        4






        active

        oldest

        votes








        4 Answers
        4






        active

        oldest

        votes









        active

        oldest

        votes






        active

        oldest

        votes









        4














        table {
        border-collapse: collapse;
        }


        http://jsfiddle.net/Adrift/LSNR7/






        share|improve this answer






























          4














          table {
          border-collapse: collapse;
          }


          http://jsfiddle.net/Adrift/LSNR7/






          share|improve this answer




























            4












            4








            4







            table {
            border-collapse: collapse;
            }


            http://jsfiddle.net/Adrift/LSNR7/






            share|improve this answer















            table {
            border-collapse: collapse;
            }


            http://jsfiddle.net/Adrift/LSNR7/







            share|improve this answer














            share|improve this answer



            share|improve this answer








            edited Dec 15 '13 at 18:49

























            answered May 8 '13 at 13:10









            AdriftAdrift

            42.4k97281




            42.4k97281

























                3














                Use the border collapse in your CSS.



                table {
                border-collapse: collapse;
                }





                share|improve this answer




























                  3














                  Use the border collapse in your CSS.



                  table {
                  border-collapse: collapse;
                  }





                  share|improve this answer


























                    3












                    3








                    3







                    Use the border collapse in your CSS.



                    table {
                    border-collapse: collapse;
                    }





                    share|improve this answer













                    Use the border collapse in your CSS.



                    table {
                    border-collapse: collapse;
                    }






                    share|improve this answer












                    share|improve this answer



                    share|improve this answer










                    answered May 8 '13 at 13:10









                    CamCam

                    1,492822




                    1,492822























                        3














                        One possibility is to use



                        table {
                        border-collapse:collapse;
                        }


                        or, if that is not an option (it could cause more problems than it solved in earlier versions of IE), you can proceed as follows...



                        table {
                        border-spacing:0;
                        }


                        Take your pick!






                        share|improve this answer
























                        • Who cares about earlier versions of IE?))) It's some kind of extreme perfectionism

                          – Joe Half Face
                          May 8 '13 at 13:42






                        • 1





                          You'd be surprised how many people are stuck with IE8, because they hang on to Windows XP.

                          – Mr Lister
                          May 8 '13 at 14:23
















                        3














                        One possibility is to use



                        table {
                        border-collapse:collapse;
                        }


                        or, if that is not an option (it could cause more problems than it solved in earlier versions of IE), you can proceed as follows...



                        table {
                        border-spacing:0;
                        }


                        Take your pick!






                        share|improve this answer
























                        • Who cares about earlier versions of IE?))) It's some kind of extreme perfectionism

                          – Joe Half Face
                          May 8 '13 at 13:42






                        • 1





                          You'd be surprised how many people are stuck with IE8, because they hang on to Windows XP.

                          – Mr Lister
                          May 8 '13 at 14:23














                        3












                        3








                        3







                        One possibility is to use



                        table {
                        border-collapse:collapse;
                        }


                        or, if that is not an option (it could cause more problems than it solved in earlier versions of IE), you can proceed as follows...



                        table {
                        border-spacing:0;
                        }


                        Take your pick!






                        share|improve this answer













                        One possibility is to use



                        table {
                        border-collapse:collapse;
                        }


                        or, if that is not an option (it could cause more problems than it solved in earlier versions of IE), you can proceed as follows...



                        table {
                        border-spacing:0;
                        }


                        Take your pick!







                        share|improve this answer












                        share|improve this answer



                        share|improve this answer










                        answered May 8 '13 at 13:14









                        Mr ListerMr Lister

                        35.3k1077121




                        35.3k1077121













                        • Who cares about earlier versions of IE?))) It's some kind of extreme perfectionism

                          – Joe Half Face
                          May 8 '13 at 13:42






                        • 1





                          You'd be surprised how many people are stuck with IE8, because they hang on to Windows XP.

                          – Mr Lister
                          May 8 '13 at 14:23



















                        • Who cares about earlier versions of IE?))) It's some kind of extreme perfectionism

                          – Joe Half Face
                          May 8 '13 at 13:42






                        • 1





                          You'd be surprised how many people are stuck with IE8, because they hang on to Windows XP.

                          – Mr Lister
                          May 8 '13 at 14:23

















                        Who cares about earlier versions of IE?))) It's some kind of extreme perfectionism

                        – Joe Half Face
                        May 8 '13 at 13:42





                        Who cares about earlier versions of IE?))) It's some kind of extreme perfectionism

                        – Joe Half Face
                        May 8 '13 at 13:42




                        1




                        1





                        You'd be surprised how many people are stuck with IE8, because they hang on to Windows XP.

                        – Mr Lister
                        May 8 '13 at 14:23





                        You'd be surprised how many people are stuck with IE8, because they hang on to Windows XP.

                        – Mr Lister
                        May 8 '13 at 14:23











                        1














                        Try Below :



                        table {
                        border-collapse: collapse;
                        }





                        share|improve this answer




























                          1














                          Try Below :



                          table {
                          border-collapse: collapse;
                          }





                          share|improve this answer


























                            1












                            1








                            1







                            Try Below :



                            table {
                            border-collapse: collapse;
                            }





                            share|improve this answer













                            Try Below :



                            table {
                            border-collapse: collapse;
                            }






                            share|improve this answer












                            share|improve this answer



                            share|improve this answer










                            answered May 8 '13 at 13:38









                            Kishan PatelKishan Patel

                            1,173723




                            1,173723






























                                draft saved

                                draft discarded




















































                                Thanks for contributing an answer to Stack Overflow!


                                • Please be sure to answer the question. Provide details and share your research!

                                But avoid



                                • Asking for help, clarification, or responding to other answers.

                                • Making statements based on opinion; back them up with references or personal experience.


                                To learn more, see our tips on writing great answers.




                                draft saved


                                draft discarded














                                StackExchange.ready(
                                function () {
                                StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f16441522%2fstyling-table-issue%23new-answer', 'question_page');
                                }
                                );

                                Post as a guest















                                Required, but never shown





















































                                Required, but never shown














                                Required, but never shown












                                Required, but never shown







                                Required, but never shown

































                                Required, but never shown














                                Required, but never shown












                                Required, but never shown







                                Required, but never shown







                                這個網誌中的熱門文章

                                Xamarin.form Move up view when keyboard appear

                                Post-Redirect-Get with Spring WebFlux and Thymeleaf

                                Anylogic : not able to use stopDelay()