By gtwa on

I'm sorta new at this Drupal thing, but I'm going to do my best to explain my predicament. I am editing a site that had a border around a grid. I've figured out how to turn off the border around my grid. I'm trying to show only 1 vertical line between columns 1&2 and 1 vertical line between columns 2&3. I would think I could just put a border on one side of 2 of the columns or create some rule that would put a vertical line down between the columns.

Either way, I don't know my CSS nearly well enough to make this happen.

Here is my current style.css code for it:

.views-view-grid td {
border-color: #CCCCCC;
border-style: solid;
border-width: 0px;
width: 33%;
}

.views-view-grid tr {
border-left: 0px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
}

Any help, advice or direction is greatly appreciated!

⋅ Categories: Drupal 6.x

Comments

sdramos’s picture

sdramos commented

well, yo have to play only with td class, like that

<style type="text/css"> 
  .firstcol {
    border-right: 1px solid #000;
  }
  .lastcol {
    border-left: 1px solid #000;
  }
</style>

<table>
  <tr>
    <td class="firstcol">1</td>
    <td class="col">2</td>
    <td class="lastcol">3</td>    
  </tr>
  <tr>
    <td class="firstcol">1</td>
    <td class="col">2</td>
    <td class="lastcol">3</td>
  </tr>
</table>