473,932 Members | 7,893 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

TR's w no Style?

I ran across a situation where I could not format my row bottom border
color.

I was using:

<tr style="border-bottom:solid 1px #cccccc;">

and it didn't work, but

<td style="border-bottom:solid 1px #cccccc;">

did.

Why is that?

Mike

Oct 5 '05 #1
15 29099
mike wrote:
I ran across a situation where I could not format my row bottom border
color.
It generally helps if you:
1. Provide a URI to a page that demonstrates the issue
2. Mention which browser is experiencing the problem
I was using:

<tr style="border-bottom:solid 1px #cccccc;">

and it didn't work, but

<td style="border-bottom:solid 1px #cccccc;">


Such incomplete test cases are useless. However, since I have seen this
problem before, it is a bug with Firefox 1.0.x that has been fixed in
more recent builds. Do any of these test cases demonstrate the issue?

http://lachy.id.au/dev/css/tests/css...t-dsp-23-d.xht
http://lachy.id.au/dev/css/tests/css...t-dsp-26-d.xht
http://lachy.id.au/dev/css/tests/css...t-dsp-27-d.xht
http://lachy.id.au/dev/css/tests/css...t-dsp-37-d.xht
http://lachy.id.au/dev/css/tests/css...t-dsp-40-d.xht
http://lachy.id.au/dev/css/tests/css...t-dsp-42-d.xht

--
Lachlan Hunt
http://lachy.id.au/
http://GetFirefox.com/ Rediscover the Web
http://GetThunderbird.com/ Reclaim your Inbox
Oct 6 '05 #2
Sorry, its IE and the test case is simply:

<table>
<tr style="border-bottom:solid 1px #cccccc;">
<tr>stuff1</tr><tr>stuff2</tr><tr>stuff3</tr><tr>stuff4</tr>
</tr>
<tr style="border-bottom:solid 1px #cccccc;">
<tr>stuff1</tr><tr>stuff2</tr><tr>stuff3</tr><tr>stuff4</tr>
</tr>
<table>

should be a bottom border.

Oct 6 '05 #3
In our last episode, mike <hi****@charter .net> pronounced to
comp.infosystem s.www.authoring.html:

<snip code>
should be a bottom border.


No, it shouldn't be anything. Try running your page through the
validator. You can't nest table rows.

--
Mark Parnell
http://clarkecomputers.com.au
Oct 6 '05 #4
in comp.infosystem s.www.authoring.html, mike wrote:
I ran across a situation where I could not format my row bottom border
color.

I was using:

<tr style="border-bottom:solid 1px #cccccc;">

and it didn't work, but

<td style="border-bottom:solid 1px #cccccc;">

did.

Why is that?


Missing border-collapse:collap se; on table?

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Oct 6 '05 #5
Sorry about that .... typos there. Those were <td> tags ..

<table>
<tr style="border-bottom:solid 1px #cccccc;">
<td>stuff1</td><td>stuff2</td><td>stuff3</td><td>stuff4</td>
</tr>
<tr style="border-bottom:solid 1px #cccccc;">
<td>stuff1</td><td>stuff2</td><td>stuff3</td><td>stuff4</td>
</tr>
<table>

Oct 6 '05 #6
What I really want is the rows to be underlined.

<table cellspacing="0" >
<tr>
<td style="border-bottom:solid 1px #cccccc;">stuff 1</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 2</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 3</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 4</td>
</tr>
<tr>
<td style="border-bottom:solid 1px #cccccc;">stuff 1</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 2</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 3</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 4</td>
</tr>
<table>

This is the workaround. I would think I could format the <tr> row tags
to achieve this.

Comments?

Mike

Oct 6 '05 #7
Els
mike wrote:
What I really want is the rows to be underlined.

<table cellspacing="0" >
<tr>
<td style="border-bottom:solid 1px #cccccc;">stuff 1</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 2</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 3</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 4</td>
</tr>
<tr>
<td style="border-bottom:solid 1px #cccccc;">stuff 1</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 2</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 3</td>
<td style="border-bottom:solid 1px #cccccc;">stuff 4</td>
</tr>
<table>

This is the workaround. I would think I could format the <tr> row tags
to achieve this.

Comments?


Yes.
Take the cellspacing off the table and the styles off the td elements,
give the table a class (unless you want that border on all tables),
and set the style in the stylesheet/styleblock:

table.someclass {
border-collapse:collap se;
}
table.someclass td{
border-bottom:solid 1px #cccccc;
}

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Oct 6 '05 #8
So, you are saying that the mark-up is on the TD tag and is NOT
AVAILABLE on the TR tag, correct?

Oct 6 '05 #9
mike wrote:
So, you are saying
Well, I'm not sure what was said, since you didn't quote what you are
replying too! Please learn to quote properly.
that the mark-up is on the TD tag and is NOT AVAILABLE on the TR tag, correct?


No, you can style tr elements in the same way you can style td elements.
Just change the selector to select tr instead of td, like this:

table.someclass {
border-collapse:collap se;
}
table.someclass tr{
border-bottom:solid 1px #cccccc;
}

--
Lachlan Hunt
http://lachy.id.au/
http://GetFirefox.com/ Rediscover the Web
http://GetThunderbird.com/ Reclaim your Inbox
Oct 6 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
10751
by: John MacIntyre | last post by:
Hi, Using the script below, when you click on the radio button beside click here .... the first row shrinks. Has anybody else ever experienced this? Does anybody know of a logical explaination for this? A co-worker told me it is not valid HTML. He may be right, but we both agree; it's odd that IE would handle it when the form is loaded, but not
23
52186
by: Bob Bedford | last post by:
I've a table. The table must not have any border. The TR (every line) must have a border, but not the lines between cells. The TR.pages must have no border. so .mytable{border:0px;} ..mytable tr{border:1px solid #000000;} ..mytable th{border:0px;}
5
5787
by: Gregor Rot | last post by:
Hi, if i have this code: <form><input type=text name="id1"></form> then with javascript i can reference this with this.form.id1, how can i reference something like this: <table> <tr name="id2"> .. ..
10
8886
by: soup_or_power | last post by:
Hi I've downloaded the script at http://www.walterzorn.com/dragdrop/dragdrop_e.htm#config for drag and drop feature. I tried enclosing <div></div> tags around <table> so that the entire table can be dragged. However, it doesn't work for individual rows. To give an example the following works: <html> <head>
12
15691
by: Jerad Rose | last post by:
I searched for a while trying to find the answer to this, but to no avail. I am trying to find the best way (or any way) to dynamically show and hide groups of TR's. For example, I have a section of about 6 table rows that all need to be hidden if a certain condition is met. But I don't want to hide the whole table. And, I don't want to split up the table because the columns need to remain intact. I thought about using runat=server...
1
2717
by: HoustonFreeways | last post by:
Here I use the style attributes for a Gridview, such as AlternatingRowStyle-BorderColor <asp:GridView runat=server ID=gv_tabular_data AllowPaging=false AllowSorting=false BorderColor=#F17901 BorderStyle=Solid BorderWidth=2px AlternatingRowStyle-BackColor=#FFFEC5 AlternatingRowStyle-BorderColor=#F17901
117
18699
by: phil-news-nospam | last post by:
Is there really any advantage to using DIV elements with float style properies, vs. the old method of TABLE and TR and TD? I'm finding that by using DIV, it still involves the same number of elements in the HTML to get everything just right. When you consider the class attribute on the DIV elements, there's not much size savings anymore for using DIV. There are other disadvantages to not using TABLE/TR/TD, such as the lack of ability...
7
2573
by: deste | last post by:
Hi folks! I've got a problem with javascript and DOM. I want to create a simple "intelligent" <table>, inside a data-form. I'd like to do: - Change color of any <tron onMouseOver DOM event; - Check a checkbox on click on a <trand change <trbackground color. Do you ever use phpMyAdmin? Well, the effect i'd like to get it's the same that it's used in phpMyAdmin's tables. I try to look at phpMyAdmin
1
2203
by: cyrix | last post by:
I'm having quite a problem with the height in one of my rows in a table. Please see http://www.djcyrix.be/acu/ in both Firefox and IE and you'll see what I mean. Firefox displays the table correctly, while IE won't. I've inserted a 'height'-tag everywhere where possible and still IE seems to add all that whitespace to my row. this is the code used for this particular table(i know there are too much height-tags, that's because i've been putting...
0
9953
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
11499
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
11076
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
9841
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
8197
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
7360
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
6266
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4888
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
3484
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.