removing table border

Question

I cannot get rid of this table border   The initial HTML CSS is from the ASP NET MVC default   I removed a lot of code and added a table on top    lt  DOCTYPE html gt   lt html gt   lt head gt       lt meta charset  utf-8    gt       lt title gt  ViewBag Title lt  title gt       lt link href   Url Content    Content Site css    rel  stylesheet  type  text css    gt       lt script src   Url Content    Scripts jquery-1 5 1 min js    type  text javascript  gt  lt  script gt       lt script src   Url Content    Scripts modernizr-1 7 min js    type  text javascript  gt  lt  script gt   lt  head gt   lt body gt        lt div class  page  gt                lt table border 0 width 1000 style  border-collapse collapse   cellspacing  0  cellpadding  0  gt                   lt tr gt                       lt td rowspan 2 gt                           lt img src   Content Images elk banner jpg    gt                       lt  td gt                       lt td gt                           lt div id  logindisplay  gt                           Html Partial   LogOnPartial                            lt  div gt                       lt  td gt                   lt  tr gt               lt  table gt            lt section id  main  gt               RenderBody            lt  section gt           lt footer gt           lt  footer gt       lt  div gt   lt  body gt   lt  html gt    I ve tried commenting out ALL the CSS  but I can t get rid of it   My only guess is that one of the cryptic  js files is interferring with it  Or one of these exotic HTML containers is doing it   Any guesses  I ve googled around  but to no avail  I suppose it s something small I m overlooking

User · Answer

Please try to add this into inside the table tag   border  0  cellspacing  0  cellpadding  0    lt table  border  0  cellspacing  0  cellpadding  0  gt       lt  table gt

User · Answer

From your case  you need to set the border to none on  lt table gt  and  lt td gt  tags        lt table width 1000 style  border none  border-collapse collapse  cellspacing 0  cellpadding 0   gt           lt tr gt               lt td style  border none  rowspan 2 gt                   lt img src   Content Images elk banner jpg    gt               lt  td gt               lt td style  border none  gt                   lt div id  logindisplay  gt                       Html Partial   LogOnPartial                    lt  div gt               lt  td gt           lt  tr gt       lt  table gt

User · Answer

yourClass tbody tr td border  1px solid  ffffff  important

User · Answer

This will do it with border-collapse  table      border-collapse collapse

User · Answer

Use Firebug to inspect the table in question  and see where does it inherit the border from   check the right column   Try setting on-the-fly inline style border none  to see if you get rid of it  Could also be the browsers default stylesheets  In this case  use a CSS reset  http   developer yahoo com yui reset

User · Answer

To remove from all tables   add this to the head or external style sheet    lt style type  text css  gt  table td  border none     lt  style gt

User · Answer

Try giving your table an ID and then using  important to set border to none in CSS  If JavaScript is tampering with your table then that should get around it    lt table id  mytable       table mytable  table mytable td       border  none  important

User · Answer

Most of the time your background color is different from the background of your table  Since there are spaces between the cells  those spaces will create the illusion of lines with the color of the background behind the table    The solution is to get rid of those spaces   Inside the table tag write   cellspacing  0

User · Answer

Use table style Border-collapse at the table level

User · Answer

border-spacing  0  should work as well

[html] removing table border

Examples related to html

Examples related to css

Examples related to asp.net-mvc-3