CODEWITHSUNDEEP
htmlcss
Digital fortress
Digital fortress

Reputation: 737

HTML table can't remove borders

I know this might be trivial, but I really can't figure out what's going wrong.

I can't remove the borders from my table.

enter image description here

Here is the HTML

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border: none;padding: 0">

I also tried

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border:0;padding: 0" class="nothing">

but it was no use. Thanks.

Upvotes: 6

Views: 42624

Answers (4)

user3371981
user3371981

Reputation: 11

Try:

<table style="border-style: hidden;">

Upvotes: 1

user1761123
user1761123

Reputation:

You should also set border:none; and outline:none; for the td element (not only for the table itself) and border-collapse: collapse;

Since you're having the class "nothing", try:

.nothing
{
   border-collapse:collapse;
} 
.nothing td
{
   border:none;
   outline:none;
}

Upvotes: 15

Levin
Levin

Reputation: 194

Just try this:

style="border-collapse: collapse;"

see: http://www.w3schools.com/cssref/pr_tab_border-collapse.asp

Upvotes: 2

Tetaxa
Tetaxa

Reputation: 4403

Try border-collapse: collapse

https://developer.mozilla.org/en-US/docs/CSS/border-collapse

Upvotes: 5

Related Questions