in Education by
I am using a table to display data .I am trying to remove space from the left and right of th and td element. I have tried checking on stack overflow and other places but they all remove vertical spaces between cells. What i want to remove is remove space from left and right. #contact_search{ border-collapse: collapse; } #contact_search tr td, #contact_search tr th{ /* text-align: center; */ border: 1px solid #006; line-height: 1; } John Doe Australia Auckland Corporate Client 3275020 9926104 [email protected] None Run code snippetExpand snippet This is what i get table The red circle is what i want to remove. JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

1 Answer

0 votes
by
The CSS causing the padding is not included in your example. Run this snippet and look at the output. Other CSS you are importing is causing the table width. In Chrome, right click on one of the table cells and go inspect. Look at the styles in the devtools to see where it is coming from. #contact_search{ border-collapse: collapse; } #contact_search tr td, #contact_search tr th{ /* text-align: center; */ border: 1px solid #006; line-height: 1; } John Doe Australia Auckland Corporate Client 3275020 9926104 [email protected] None
Nametest Country City Category Work Mobile Email Trades
Run code snippetExpand snippet

Related questions

0 votes
    I want to right align alternate list elements and keep the other left making it a ZIG-ZAG list Something ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jul 20, 2022 in Education by JackTerrance
0 votes
    Blurry Image Original image I have a simple image upload function in php. It takes an image and uploads it to ... below for the upload and the calling. gallery.php uploadFile.php...
asked Jun 2, 2022 in Education by JackTerrance
0 votes
    I have this grid: If I change the tables width from 100% to auto, table collapses horizontally. Which ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Feb 26, 2022 in Education by JackTerrance
0 votes
    Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers. ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jun 1, 2022 in Education by JackTerrance
0 votes
    I'm currently trying to use lightbox in my project! And as you notice I using a (v-for) for the ... , JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked May 13, 2022 in Education by JackTerrance
0 votes
    I have a 9-cell grid containing images (using bootstrap columns). The grid works fine and is responsive ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Apr 26, 2022 in Education by JackTerrance
0 votes
    As the title says, why does my html template look different on three different screen sizes? I understand ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Apr 20, 2022 in Education by JackTerrance
0 votes
    I'm currently working on a project converting some training materials from one e-learning system to another, ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Apr 20, 2022 in Education by JackTerrance
0 votes
    Now that most of the major browsers support full page zoom (at present, the only notable exception being ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Mar 29, 2022 in Education by JackTerrance
0 votes
    I have the following HTML This is going to be big title Foo Bar FooBar BarFoo The text does not ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Mar 9, 2022 in Education by JackTerrance
0 votes
    I have the following HTML This is going to be big title Foo Bar FooBar BarFoo The text does not ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Mar 9, 2022 in Education by JackTerrance
0 votes
    I have something like this First table Second table And the following CSS table { margin-bottom:40px; } ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Mar 3, 2022 in Education by JackTerrance
0 votes
    I have something like this First table Second table And the following CSS table { margin-bottom:40px; } ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Mar 2, 2022 in Education by JackTerrance
0 votes
    I am newbie to android development and learning it to my own. I have a very strange problem of ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jun 18, 2022 in Education by JackTerrance
0 votes
    I am newbie to android development and learning it to my own. I have a very strange problem of ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jun 14, 2022 in Education by JackTerrance
...