HTML and CSS

Table border

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jun 2006

Posts: 67

Reputation: ytregnn is an unknown quantity at this point

Solved Threads: 0

ytregnn

Offline

Junior Poster in Training

Table border

Oct 7th, 2009

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<table width="492" border="0" bordercolor="#202020" align="left" cellpadding="7" RULES=ROWS FRAME=HSIDES>
<table width="492" border="0" bordercolor="#202020" align="left" cellpadding="7" RULES=ROWS FRAME=HSIDES>

I have created a table with four rows and I use the code above to take away the vertical borders.

What I would like to do is to take away 2nd (out of 3 rows) row. How can I do this? Do I need to use CSS?

Thanks.

•

Join Date: Oct 2009

Posts: 1

Reputation: ikram ali is an unknown quantity at this point

Solved Threads: 1

ikram ali

Offline

Newbie Poster

Oct 7th, 2009

you want to do that 2nd row is enter the out of the third row then you can use this tag
<tr>

<tr>
please try to this tage if you can succse then please tellme

•

Join Date: Apr 2009

Posts: 865

Reputation: Airshow will become famous soon enough

Solved Threads: 123

Airshow

Offline

Practically a Posting Shark

Oct 7th, 2009

Ytregnn,

"take away"?

Best way is to serve the table without the row you don't want.

Airshow

50% of the solution lies in accurately describing the problem!

•

Join Date: Jun 2006

Posts: 67

Reputation: ytregnn is an unknown quantity at this point

Solved Threads: 0

ytregnn

Offline

Junior Poster in Training

Oct 9th, 2009

Airshow: I do want the rows/borders, but I don't want every 2nd border to be visible.

Ex:
_______
_______
_______
_______
_______

Ex 2:
_______

_______

_______

•

Join Date: Mar 2008

Posts: 318

Reputation: Thirusha is an unknown quantity at this point

Solved Threads: 51

Thirusha

Offline

Posting Whiz

Oct 9th, 2009

Try using the colspan parameter, this merges the columns.

Life... Is a Moment

•

Join Date: Oct 2006

Posts: 13

Reputation: urolicious is an unknown quantity at this point

Solved Threads: 2

urolicious urolicious is offline

Offline

Newbie Poster

Oct 9th, 2009

If you're generating the HMTL code yourself, add a class to the rows you want to style without borders.
E.G. HTML

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<table width="492" border="0" bordercolor="#202020" align="left" cellpadding="7" RULES=ROWS FRAME=HSIDES><tbody>
<tr><td>1st row</td></tr>
<tr class="noborders"><td>2nd row</td></tr>
<tr><td>1st row</td></tr>
<tr class="noborders"><td>2nd row</td></tr>
</tbody></table>
<table width="492" border="0" bordercolor="#202020" align="left" cellpadding="7" RULES=ROWS FRAME=HSIDES><tbody>
<tr><td>1st row</td></tr>
<tr class="noborders"><td>2nd row</td></tr>
<tr><td>1st row</td></tr>
<tr class="noborders"><td>2nd row</td></tr>
</tbody></table>

and style the CSS accordingly.

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

.noborders td {border:0;}

Last edited by urolicious; Oct 9th, 2009 at 10:11 am.

•

Join Date: Jun 2006

Posts: 67

Reputation: ytregnn is an unknown quantity at this point

Solved Threads: 0

ytregnn

Offline

Junior Poster in Training

Oct 10th, 2009

urolicious:

I can see that the example you've created works, but somehow it doesn't work when I try to implement it in my own code.

Don't really know where it's all going wrong.

•

Join Date: Oct 2009

Posts: 2

Reputation: testndtv is an unknown quantity at this point

Solved Threads: 1

testndtv

Offline

Newbie Poster

Oct 10th, 2009

You can even use border attributes for specific cells and colspan for merging the cells.

http://asktheexpert-techsupport.blogspot.com/

•

Join Date: Apr 2009

Posts: 865

Reputation: Airshow will become famous soon enough

Solved Threads: 123

Airshow

Offline

Practically a Posting Shark

Oct 10th, 2009

There's a problem with using "rules" to control a table's appearance - namely that the HTML specification doesn't specify what the appearance should be and each browser renders differently.

Depending on the visual effect you are after, you might be lucky and get an acceptable appearance in all borwsers but many people choose not to use table rules. It's generally safer (appearance-wise) to use a purely CSS solution for this sort of thing.

Here is a solution (certainly not the only one):

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
table.myTable {
	border : 1px solid #999999;
}
 
table.myTable td {
	background-color: #F4F4F4;
	border : 0px solid #999999;
}
 
table.myTable tr.underline td {
	border-bottom-width : 1px;
}
table.myTable {
	border : 1px solid #999999;
}

table.myTable td {
	background-color: #F4F4F4;
	border : 0px solid #999999;
}

table.myTable tr.underline td {
	border-bottom-width : 1px;
}

 Help with Code Tags 
 HTML Syntax (Toggle Plain Text) 
<table class="myTable" border="0" cellpadding="5" cellspacing="0">
<tr><td>aaa</td><td>aaa</td><td>aaa</td></tr>
<tr><td>bbb</td><td>bbb</td><td>bbb</td></tr>
<tr class="underline"><td>ccc</td><td>ccc</td><td>ccc</td></tr>
 
<tr><td>ddd</td><td>ddd</td><td>ddd</td></tr>
<tr><td>eee</td><td>eee</td><td>eee</td></tr>
<tr class="underline"><td>fff</td><td>fff</td><td>fff</td></tr>
 
<tr><td>ggg</td><td>ggg</td><td>ggg</td></tr>
<tr class="underline"><td>hhh</td><td>hhh</td><td>hhh</td></tr>
 
<tr class="underline"><td>iii</td><td>iii</td><td>iii</td></tr>
 
<tr><td>jjj</td><td>jjj</td><td>jjj</td></tr>
<tr><td>kkk</td><td>kkk</td><td>kkk</td></tr>
<tr><td>lll</td><td>lll</td><td>lll</td></tr>
</table>
<table class="myTable" border="0" cellpadding="5" cellspacing="0">
<tr><td>aaa</td><td>aaa</td><td>aaa</td></tr>
<tr><td>bbb</td><td>bbb</td><td>bbb</td></tr>
<tr class="underline"><td>ccc</td><td>ccc</td><td>ccc</td></tr>

<tr><td>ddd</td><td>ddd</td><td>ddd</td></tr>
<tr><td>eee</td><td>eee</td><td>eee</td></tr>
<tr class="underline"><td>fff</td><td>fff</td><td>fff</td></tr>

<tr><td>ggg</td><td>ggg</td><td>ggg</td></tr>
<tr class="underline"><td>hhh</td><td>hhh</td><td>hhh</td></tr>

<tr class="underline"><td>iii</td><td>iii</td><td>iii</td></tr>

<tr><td>jjj</td><td>jjj</td><td>jjj</td></tr>
<tr><td>kkk</td><td>kkk</td><td>kkk</td></tr>
<tr><td>lll</td><td>lll</td><td>lll</td></tr>
</table>

Note that the very last table row does not need class="underline" as it is hard against the bottom edge of the table.

Airshow

50% of the solution lies in accurately describing the problem!

•

Join Date: Oct 2006

Posts: 13

Reputation: urolicious is an unknown quantity at this point

Solved Threads: 2

urolicious urolicious is offline

Offline

Newbie Poster

#10

Oct 10th, 2009

im sorry.. you should collapse the table borders before any border property will work in css. so this is the css code you should have:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

table {border-collapse: collapse;}
td {border:1px solid #000;}
.noborder td {border:0;}

Quick Reply to Thread

Show Printable Version

Similar Threads

Dreamweaver MX - unwanted white table space at top (Graphics and Multimedia)
display table border (PHP)
Table css border help (HTML and CSS)
CSS -- table border and table header color (HTML and CSS)
Print 5 records per table row (see script) (Perl)
html table to .csv (HTML and CSS)

Other Threads in the HTML and CSS Forum

Previous Thread: .htaccess redirect, and an anchor link
Next Thread: mobile complaint website

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes