The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Table creates unwanted grid

3 posters

Go down

Solved Table creates unwanted grid

Post by LilJur August 4th 2016, 12:57 am

So my CSS and HTML is a bit rusty, haven't touched it in 4-5 years.
And I bumped into this little problem I just can't explain...
Table creates unwanted grid Scherm10
I'm not sure if you can see it properly on this image. If not, you can see it on the forum itself right here/.

If you look very close, you can see a grid. There are white lines between each column and row. White lines of a pixel.
Thing is... It only happens when I use a border. If I remove the bottom border in the CSS, it is perfectly fine, no grid is formed.
But once I use a border, it forms this unwanted grid to show the table.

Here's the CSS for that specific part.
Code:
.pun table.table td,  .pun .main table td.tc2 {
   border-bottom: 2px solid #C9C9C9;
   background-color: #D6D6D6;
   }


Last edited by LilJur on August 4th 2016, 12:25 pm; edited 1 time in total
avatar
LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: Table creates unwanted grid

Post by SLGray August 4th 2016, 3:55 am

Take a look at this:
Code:
.pun table.table td {
    background-color: #fbfbfb;
    border-color: #ddd;
    border-style: solid none none solid;
    border-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    line-height: 130%;
    padding: .6em 0 .7em;
}
Notice there are ones for left and right.


Table creates unwanted grid Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Table creates unwanted grid

Post by LilJur August 4th 2016, 12:24 pm

Ofcourse... Should have looked at the original CSS. Only the properties that I write are overwritten and it keeps the original if I don't add the property.
Should have know.

Thank you, problem solved.
avatar
LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: Table creates unwanted grid

Post by Nemo August 4th 2016, 1:37 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
Nemo
Nemo
Active Poster

Male Posts : 1203
Reputation : 119
Language : Greek, English, French

http://www.helpgr.forumgreek.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum