1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / Developing with Sitefinity / setting table borders...??

setting table borders...??

4 posts, 1 answered
  1. Michael Waters
    Michael Waters avatar
    32 posts
    Registered:
    22 Mar 2010
    17 Jun 2010
    Link to this post
    I am trying to insert tables and then set borders on them.
    If I select the entire table, rt click, go to table properties, then click on style builder, and set all the borders, the only border that will show up is the outside of the table.

    I have tried selecting all cells and then going to cell properties and setting all the borders, but that only sets a border for one cell.

    How the heck do I set and modify table borders properly???

    Thanks,
  2. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    18 Jun 2010
    Link to this post
    Hi Michael Waters,

    Thank you for using our services.

    Could you open the table wizzard and then go to Table properties. From the style builder there set table border to desired values, and select collapse table borders. Click OK and go to Cell properties. Click the select all cells and go to Style builder. Select desired table properties. I have attached sample screen cast.

    Greetings,
    Radoslav Georgiev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
    Answered
  3. Michael Waters
    Michael Waters avatar
    32 posts
    Registered:
    22 Mar 2010
    18 Jun 2010
    Link to this post
    Radoslav,

    Thanks for the post...

    I am working through email with Anton as well trying to determine some funky stuff with my tables and css.
    What you posted and what Anton told me solves my table border woes when using inline styles... so thanks.

    However, at the recommendation of Anton I am trying to use my theme company.css file to set table borders and am not having much luck.

    I can get the tables font color and background color to change, but the borders will not work.

    Here is my html:
    <table>
        <tbody>
            <tr>
                <td>test</td>
                <td>test2</td>
            </tr>
        </tbody>
    </table>
    <div style="text-align: center;"><iframe marginwidth="0" marginheight="0" src="http://maps.google.com/maps/ms?ie=UTF8&;hl=en&msa=0&msid=106983082511883423490.000487fa5ef782b63d175&ll=32.346322,-88.747559&spn=0.101517,0.145912&z=12&output=embed" frameborder="0" width="425" scrolling="no" height="350"></iframe><br />
    <small>View <a href="http://maps.google.com/maps/ms?ie=UTF8&;hl=en&msa=0&msid=106983082511883423490.000487fa5ef782b63d175&ll=32.346322,-88.747559&spn=0.101517,0.145912&z=12&source=embed" style="color: #0000ff; text-align: left;">Waters Truck & Tractor, Waters International Trucks - Locations</a> in a larger map</small> <br />
    <h2>Waters International Trucks</h2>
    <br />
    <p>65 Hwy 19 N <br />
    Meridian, MS 39334</p>
    <p>k</p>
    <p>
    <table>
        <tbody>
            <tr>
                <td>a1</td>
                <td>b1</td>
            </tr>
            <tr>
                <td>a2</td>
                <td>b2</td>
            </tr>
        </tbody>
    </table>
    </p>
    </div>

    and here is the company.css:
    001.body 
    002.{
    003.    font-family: Arial, Helvetica, sans-serif;
    004.    font-family: Tahoma, sans-serif;
    005.    /*font-size: 70%;*/
    006.    font-size: small;
    007.    color: #333;
    008.    /*background-color: #fff;*/
    009.    background: url(Images/body-back_final.jpg) no-repeat top center;
    010.    background-color: #333333;
    011.    text-align: center;
    012.    width:100%;
    013.}
    014.  
    015.
    016.{
    017.    margin: 0;
    018.    padding: 0
    019.}
    020.  
    021.div.linkwrapper
    022.
    023.    margin: 0 auto 0 auto;
    024.    height: 25px;
    025.    width: 960px;  
    026.    text-align:left;  
    027.}
    028.  
    029.div.top-nav {
    030.    /*background: #63cff6 url(Images/bg.gif) repeat-x 0 100%;*/
    031.    background-color:transparent;
    032.    width: 960px;
    033.    text-align:left;
    034.    margin: 0 auto;
    035.}
    036.  
    037.div.header
    038.{
    039.    background-color: transparent;
    040.    /*background: url(../../Images/headerbackgrad.jpg) repeat-x;*/
    041.    background: url(Images/logo-back.jpg) no-repeat top center;
    042.    height:180px;
    043.    width:100%;
    044.}
    045.  
    046.div.wrapper
    047.
    048.    margin: 0 auto 0 auto;
    049.    width: 960px;  
    050.    text-align:left;    
    051.}
    052.  
    053.div.contentWrapper
    054.{
    055.    width:960px;
    056.    /*background: url(Images/contentwrapper-back.gif) repeat-y;*/
    057.    background-color:#333333;
    058.}
    059.div.maincontent-wrapper
    060.{
    061.    width:960px;
    062.    background: url(Images/maincontent-back.gif) repeat-y;
    063.    /*background-color:#333333;*/
    064.}
    065.  
    066.div.leftbar-top
    067.{
    068.    height:10px;
    069.    width:100%;
    070.    background:url(Images/leftbar-top.gif);
    071.}
    072.div.leftbar
    073.{
    074.    float:left;
    075.    width:155px;
    076.    /*background:url(Images/leftbar-content.gif) repeat-y;*/
    077.    padding: 0 10px 10px 10px;
    078.    min-height:600px;
    079.}
    080.  
    081.div.content-top
    082.{
    083.    height: 15px;
    084.    width: 960px;
    085.    background: url(Images/content-top.gif);
    086.}
    087.div.content {
    088.    margin: 0;
    089.    padding: 0 10px 10px 10px;
    090.    width: 580px;
    091.    float: left;
    092.    /*background-color: white;*/
    093.    min-height:600px;
    094.}
    095.div.rightbar 
    096.{
    097.    margin: 0;
    098.    padding: 0 10px 10px 10px;
    099.    width: 155px;
    100.    float: left;
    101.    /*background-color:Green;*/
    102.    min-height:600px;
    103.}
    104.div.content-bottom
    105.{
    106.    height: 30px;
    107.    width: 960px;
    108.    background: url(Images/content-bottom.gif);
    109.}
    110.  
    111.div.footer {
    112.    /*margin: 0;*/
    113.    padding: 0;
    114.    clear: both;
    115.    width: 960px;
    116.}
    117.div.contact {
    118.    margin: 0;
    119.    padding: 25px;
    120.    background: #1cb8f2 url(Images/div_contacts.gif) no-repeat 0 0;
    121.    color: #fff;
    122.    word-wrap:break-word;
    123.      
    124.}
    125.div.wrap {
    126.    margin: 0 0 20px;
    127.    padding: 15px 20px;
    128.    border: 3px solid #e3e3e3;
    129.}
    130.div.mainbar div.wrap {
    131.     background: transparent url(Images/div_latest_news.gif) repeat-x 0 100%
    132.}
    133.  
    134./* Paragraphs */
    135.p {
    136.    margin: 5px 0px 5px 0px;
    137.    padding: 0;
    138.    font-size: 1em;
    139.}
    140.p.more {
    141.    font-weight: bold;
    142.}
    143.div.content p.more {
    144.    position: relative;
    145.    margin: -20px 0 0;
    146.}
    147.  
    148./* NOT USED??
    149.ul.sf_newsList p.date {
    150.    margin: 0 0 5px;
    151.    font-size: 10em;
    152.}*/
    153.  
    154.div.footer p {
    155.    margin: 0;
    156.    padding: 10px;
    157.    font-size: 1em;
    158.    /*background-color: #ccc;*/
    159.    background-color:#333333;
    160.    color:#666666
    161.}
    162.  
    163./* Tables */
    164.div table, td, td 
    165.{
    166.    color:Red;
    167.    /*border-collapse:collapse;*/
    168.    border:solid, 1px, black;
    169.    background-color:Green;
    170.}
    171.  
    172./* Semantic */
    173.strong {
    174.    font-weight: bold;
    175.    font-style: normal;
    176.}
    177.em {
    178.    font-weight: normal;
    179.    font-style: italic;
    180.}
    181.  
    182.h2 strong {
    183.    color: #5ac7f0;
    184.}
    185.address {
    186.    font-style: normal;
    187.    font-size: 1em;
    188.    line-height: 1.4em;
    189.}
    190./* Links */
    191.a:link, a:visited, a:hover, a:active {
    192.    color: blue;
    193.    text-decoration: none;
    194.}
    195.a:hover {
    196.    text-decoration: underline;
    197.}
    198.p.more a:link, p.more a:visited, p.more a:hover, p.more a:active {
    199.    padding: 0 15px 0 0;
    200.    background: transparent url(Images/a_more.gif) no-repeat 100% 50%;
    201.}
    202.address a:link, address a:visited, address a:hover, address a:active {
    203.    color: #fff;
    204.    text-decoration: underline;
    205.}
    206.address a:hover {
    207.    text-decoration: none;
    208.}
    209.  
    210./* Community Edition Sitefinity Logo*/
    211..poweredBySitefinityLogo 
    212.{
    213.    padding-top: 10px;
    214.    width: 770px;
    215.}
    216..poweredBySitefinityLogo a img 
    217.{
    218.    border: 0;
    219.}
    220.  
    221./* Lists */
    222.ul, ol
    223.{
    224.    margin:0 0 10px 20px;
    225.    padding:0;
    226.}
    227.  
    228.ul li
    229.{
    230.    list-style-type:disc;
    231.}
    232.ol li
    233.{
    234.    margin-left: 5px;
    235.    color:Green;
    236.    list-style-type:decimal
    237.}

     

    On another note... this css changes the RadEditor Background as well... which I thought was odd (see attached screenshot)... why is that?

     

    Thanks for the help,

  4. Michael Waters
    Michael Waters avatar
    32 posts
    Registered:
    22 Mar 2010
    18 Jun 2010
    Link to this post
    Im an idiot..

    I put commas in my css like so:

    table, td
    {
    border: solid, 1px, black;}

    should have been:
    table, td
    {
    border: solid 1px black;


    oops... now its working...

    Thanks,
Register for webinar
4 posts, 1 answered