Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #6114

    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!

    #52913

    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.

    #52914

    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.

    #52915

    Hope it works :)

    #52916

    Yeah, it does, thank you :) Got a few limitations (i.e. doesn’t allow different cell colours) but I worked around it. Many thanks :)

    #52917

    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

    #52918

    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.

    #52919

    Glad that I could help you :)

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Force hide borders on pages.’ is closed to new replies.