The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Table creates unwanted grid

View previous topic View next topic Go down

Solved Table creates unwanted grid

Post by LilJur on 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...

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

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 on 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.


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Table creates unwanted grid

Post by LilJur on 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.

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 on August 4th 2016, 1:37 pm

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

Nemo
Support Moderator
Support Moderator

Male Posts : 1083
Reputation : 114
Language : Greek, English, French

http://www.helpgr.forumgreek.com

Back to top Go down

View previous topic View next topic Back to top


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