Hi, I thinks this is important.
Shortcodes for columns/tables are an amazing feature but is somewhat limiting, especially when it comes to inserting horizontal dividers.
Unfortunately if a simple table is added as html on a page like here http://contactnovak.thenovakagency.com.au/make-an-appointment/ it forces all the borders to show up.
They are set to 0 in the code and work just fine with say Newscast or as is.
How do I force them to hide please?
Thank u!
Force hide borders on pages.
8 posts from 2 voices-
Posted 1 year ago #
-
Hey,
basically you can remove the borders by using following code:
td:first-child { border-left: none; } td { border-bottom: none; border-right: none; }I'd suggest to wrap your "borderless" table in a div (with a specific class) so that you can use tables with and without borders.
Posted 1 year ago # -
Clever, thank you :) Will give it a try. Not sure why table border="0" doesn't work but will try ur solution. Thanks again.
E.Posted 1 year ago # -
Hope it works :)
Posted 1 year ago # -
Yeah, it does, thank you :) Got a few limitations (i.e. doesn't allow different cell colours) but I worked around it. Many thanks :)
Posted 1 year ago # -
Great - yes it's a bit tricky to style individual cells but you can use the style attribute or css classes: http://www.w3schools.com/tags/tag_table.asp
Posted 1 year ago # -
Interesting, will have a look, thank u! I simply created multiple divs specifying background colours and stacked several tables instead of using one. As I only needed either different coloured rows or columns, i.e. not individual cells, I could wrap them in divs. Oh yeah, and added transparency to your code for all tables so that coloured divs 'show through'. Me thinks this is probably a female roundabout way, but it worked :)
Thanks again.Posted 1 year ago # -
Glad that I could help you :)
Posted 1 year ago #
Reply
You must log in to post.














