Welcome visitor
* Login
* Register
It is currently May 26th, 2019, 3:03 pm
All times are UTC [ DST ]
* Search
View unanswered posts - View active topics

FORUMS » Client Side » HTML



Post new topic Reply to topic  [ 6 posts ] 
Author Message
  Border in one column alone
PostPosted: December 30th, 2009, 3:25 am 

Posts: 23
Hey, I dont know if html has the power to give a border to a one column only out of a hole table, do you think its possible?


Top
 Profile  
 
  Re: Border in one column alone
PostPosted: December 30th, 2009, 4:35 am 
User avatar

Posts: 52
Yes, it could be done with Css style:
<style type="text/css">
.wborder{border: 1px solid #f00}
</style>
<table>
  <tr>
    <td>&nbsp;</td><td class="wborder">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td><td class="wborder">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td><td class="wborder">&nbsp;</td>
  </tr>
</table>


Top
 Profile  
 
  Re: Border in one column alone
PostPosted: January 1st, 2010, 3:12 am 

Posts: 23
Thank you for posting back. But each cell has its border and they should be altogether...


Top
 Profile  
 
  Re: Border in one column alone
PostPosted: January 1st, 2010, 3:57 am 

Posts: 117
Check this:
<style type="text/css">
table{border-collapse:collapse}
.wborder{border: 1px solid #f00}
</style>


Top
 Profile  
 
  Re: Border in one column alone
PostPosted: January 3rd, 2010, 3:54 am 

Posts: 23
Again thank you, but I dont need the hole square for all the cells of the rows, instead of that, all cell should look as one single big cell, one big box.


Top
 Profile  
 
  Re: Border in one column alone
PostPosted: January 3rd, 2010, 4:26 am 
User avatar

Posts: 48
<style type="text/css">
table{border-collapse:collapse}
.topborder{border: 1px solid #f00; border-bottom: none}
.midborder{border: 1px solid #f00; border-bottom: none; border-top: none}
.botborder{border: 1px solid #f00; border-top: none}
</style>
<table>
  <tr>
    <td>&nbsp;</td><td class="topborder">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td><td class="midborder">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td><td class="midborder">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td><td class="botborder">&nbsp;</td>
  </tr>
</table>


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 6 posts ] 

FORUMS » Client Side » HTML


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron