Force hide borders on pages.

8 posts from 2 voices

• Started 1 year ago by Ellina37
• Latest reply from Dude
• This topic is resolved

Tags:

No tags yet.

1. 

   Ellina37
   Member

   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!

   Posted 1 year ago #
2. 

   Dude
   Dude

   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 #
3. 

   Ellina37
   Member

   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 #
4. 

   Dude
   Dude

   Hope it works :)

   Posted 1 year ago #
5. 

   Ellina37
   Member

   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 #
6. 

   Dude
   Dude

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

   Ellina37
   Member

   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 #
8. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.