473,503 Members | 5,495 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Getting crazy with borders for td/tr's!

Hi,

I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can't do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!

Thankful for any help here! Table and CSS is below..

Gnolen

<table cellspacing="0" class="admintable">
<tr>
<td></td>
<td></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center""></td>
</tr>

<tr class="row1">
<td></td>
<td></td>
<td></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
</tr>

<tr class="row2">
<td></td>
<td></td>
<td></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
</tr>

</table>

With this Stylesheet:

TABLE.admintable {
FONT-WEIGHT: bold;
BACKGROUND: #cc1;
MARGIN-BOTTOM: 15px;

WIDTH: 100%;
COLOR: #000;

BORDER-COLLAPSE: collapse;
TEXT-ALIGN: left;
border-spacing: 2px;
FONT-SIZE: 90%;
}

TABLE.admintable A:hover {
TEXT-DECORATION: underline overline;
}

TABLE.admintable TD {border-bottom: #000000 1px solid;
PADDING: 3px;
}

..row1 {
FONT-WEIGHT: normal;;
COLOR: #265980;;
BACKGROUND: #f6f6f6;
COLOR: #000;
}

..row2 {
FONT-WEIGHT: normal;
COLOR: #265980;
BACKGROUND: #fff;
COLOR: #000;
}
Jul 21 '05 #1
12 2660
Els
Gnolen wrote:
Hi,

I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can't do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!

Thankful for any help here! Table and CSS is below..


Do you have a live example of it not working? There must be something
else that stops it from working. In FF that is, in IE it shouldn't
work, as borders on table cells only are applied if there's actually
something in the cell.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Status Quo - Get Out Of Denver
Jul 21 '05 #2
Thanks Els,

No I do not have a live example I'm afraid. But I have been taking out
the content in the cells so it should work in IE too then..

Any idee what can be wrong?

Thanks / Gnolen

Els wrote:
Gnolen wrote:

Hi,

I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can't do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!

Thankful for any help here! Table and CSS is below..

Do you have a live example of it not working? There must be something
else that stops it from working. In FF that is, in IE it shouldn't
work, as borders on table cells only are applied if there's actually
something in the cell.

Jul 21 '05 #3
Els
Gnolen wrote:
Els wrote:
Gnolen wrote:
I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can't do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!

Thankful for any help here! Table and CSS is below..


Do you have a live example of it not working? There must be something
else that stops it from working. In FF that is, in IE it shouldn't
work, as borders on table cells only are applied if there's actually
something in the cell.


No I do not have a live example I'm afraid. But I have been taking out
the content in the cells so it should work in IE too then..

Any idee what can be wrong?


Nope. I copied your code into a local file and it worked fine.
I'd say please do create a live example, and then there are two
possible outcomes:
a) it will work
b) it will not work, and someone here will spot the error :-)

The only thing that I can think of without having an example is
something silly like your stylesheet isn't where it is supposed to be,
or has a different name, or has HTML in it. You know, the usual
problems ;-)

Check if any other style in that stylesheet has any effect.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #4
Gnolen <he***********@hotmail.com> wrote:
No I do not have a live example I'm afraid.
Then create one. You _are_ authoring for the WWW, are you not, so it
should not be too difficult to set up a demo page somewhere.
But I have been taking
out the content in the cells so it should work in IE too then..
Did you misunderstand what Els wrote? Or didn't quite read it?
(Upside-down fullquoting normally means lack of comprehensive reading.)
If you have empty cells, then many browsers do not draw borders around
them, so by removing the content you more or less guaranteed it won't
work the way you want.

(CSS has an empty-cells property for dealing with the issue, but IE
does not support it. There are various hacks around this, but we don't
really know whether some cells _should_ be empty in reality.)
Any idee what can be wrong?


You are not helping us to help you.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 21 '05 #5
Gnolen <he***********@hotmail.com> wrote:
Table and CSS is below..


Post a url, not code.

--
Spartanicus
Jul 21 '05 #6
Els
Jukka K. Korpela wrote:
But I have been taking
out the content in the cells so it should work in IE too then..


Did you misunderstand what Els wrote? Or didn't quite read it?


I think he meant to say that he had taken the content out of the cells
for this example, so the real page, which does have content in the
cells, should also work in IE.

I agree though, that's not what he wrote :-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #7
>>No I do not have a live example I'm afraid.


Then create one. You _are_ authoring for the WWW, are you not, so it
should not be too difficult to set up a demo page somewhere.
Why should I have to create a live example? The code is the same and it
is not really a massive complicated story either..
But I have been taking
out the content in the cells so it should work in IE too then..


Did you misunderstand what Els wrote? Or didn't quite read it?


What Els wrote already. I meant that I have it in the editor but just
been taking it out because of the post I did.
(Upside-down fullquoting normally means lack of comprehensive reading.)


Really? Then we read really bad here in Sweden were it is common to
write it like that. Hate the other way! But as I think this is(your way)
the US way and there is mostly americans here I'll adapt, no problemo.

By the way, I have solved the problem! It was so stupid that I was
coding in the CSS-editor in FF and there new borders on td doesn't show
up untill you save it! Just wasted half a day because of it!

Thanks!

/ Thanks
Jul 21 '05 #8
Els
Gnolen wrote:
No I do not have a live example I'm afraid.
Then create one. You _are_ authoring for the WWW, are you not, so it
should not be too difficult to set up a demo page somewhere.


Why should I have to create a live example? The code is the same and it
is not really a massive complicated story either..


The code is not the same, as the code you posted works without a
problem. I tested that.
(Upside-down fullquoting normally means lack of comprehensive reading.)


Really? Then we read really bad here in Sweden were it is common to
write it like that. Hate the other way! But as I think this is(your way)
the US way and there is mostly americans here I'll adapt, no problemo.


You are mistaking Sweden and US for Usenet Groups. This group is not a
US group. I'm from Holland, Jukka is from Finland. You are from
Sweden. There are just Usenet groups that post upside down, and there
are groups that post like we do. We do this because we read from top
to bottom, and it looks logical that way. (plus a million more reasons
which you can find in a FAQ somewhere)

Happy to see that you adjust to the ways of the group you're in
though.
By the way, I have solved the problem! It was so stupid that I was
coding in the CSS-editor in FF and there new borders on td doesn't show
up untill you save it! Just wasted half a day because of it!


Half a day of your time, 15 minutes of mine, at least 5 or 10 of
Jukka's, and who knows how much time of others that didn't reply.
I already wrote it would be something silly like a wrong filename or
something - well, not saving your changes is just as silly :-)

Next time.. well, you know what you need to do next time.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #9
Els wrote:
Gnolen wrote:

No I do not have a live example I'm afraid.

Then create one. You _are_ authoring for the WWW, are you not, so it
should not be too difficult to set up a demo page somewhere.


Why should I have to create a live example? The code is the same and it
is not really a massive complicated story either..

The code is not the same, as the code you posted works without a
problem. I tested that.

(Upside-down fullquoting normally means lack of comprehensive reading.)


Really? Then we read really bad here in Sweden were it is common to
write it like that. Hate the other way! But as I think this is(your way)
the US way and there is mostly americans here I'll adapt, no problemo.

You are mistaking Sweden and US for Usenet Groups. This group is not a
US group. I'm from Holland, Jukka is from Finland. You are from
Sweden. There are just Usenet groups that post upside down, and there
are groups that post like we do. We do this because we read from top
to bottom, and it looks logical that way. (plus a million more reasons
which you can find in a FAQ somewhere)

Happy to see that you adjust to the ways of the group you're in
though.

By the way, I have solved the problem! It was so stupid that I was
coding in the CSS-editor in FF and there new borders on td doesn't show
up untill you save it! Just wasted half a day because of it!

Half a day of your time, 15 minutes of mine, at least 5 or 10 of
Jukka's, and who knows how much time of others that didn't reply.
I already wrote it would be something silly like a wrong filename or
something - well, not saving your changes is just as silly :-)

Next time.. well, you know what you need to do next time.


Yeah, it is really confusing when problems arise and it is due to stupid
mistakes. And when it happens you are sitting there more confused then
ever. I prefer 'real' problems! Those I can understand (and others to :) ).

I like this newsgroup alot, there is lots of knownledge here and for a
designer that goes programming it is a great resource! Thanks!

/ Gnolen

P.S. Nederland he! Gaaf! Ik heb in Nederland voor 5 jaar! gestudiert, in
Maastricht. Mooie stadt! Mijn Nederlands zijn niet perfekt maar ik heb
geen curses gehat - allen in de kroeg geluistert en geleert. Daarom
schrijf ik ook zo slecht!
Jul 21 '05 #10
Els
Gnolen wrote:
P.S. Nederland he! Gaaf! Ik heb in Nederland voor 5 jaar! gestudiert, in
Maastricht. Mooie stadt! Mijn Nederlands zijn niet perfekt maar ik heb
geen curses gehat - allen in de kroeg geluistert en geleert. Daarom
schrijf ik ook zo slecht!


Dat valt dan reuze mee - ik ken Nederlanders die slechter schrijven
:-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #11
On Sun, 20 Mar 2005 18:12:58 +0100, Els <el*********@tiscali.nl> wrote:
Gnolen wrote:
P.S. Nederland he! Gaaf! Ik heb in Nederland voor 5 jaar! gestudiert, in
Maastricht. Mooie stadt! Mijn Nederlands zijn niet perfekt maar ik heb
geen curses gehat - allen in de kroeg geluistert en geleert. Daarom
schrijf ik ook zo slecht!


Dat valt dan reuze mee - ik ken Nederlanders die slechter schrijven
:-)


Hé, kennen wij dezelfde mensen dan? :-)

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #12
me
"Els" <el*********@tiscali.nl> wrote in message
news:1d**************************@40tude.net...
Gnolen wrote:
Hi,

I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can't do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!

Thankful for any help here! Table and CSS is below..


Do you have a live example of it not working? There must be something
else that stops it from working. In FF that is, in IE it shouldn't
work, as borders on table cells only are applied if there's actually
something in the cell.


I have a small addition. You can place a non-breaking space in a cell which
will of course be invisible.
Signed,
me
Jul 21 '05 #13

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

Similar topics

2
3454
by: Hostile17 | last post by:
I've been trying to figure out a good way to make a CSS layout with nice-looking 1-pixel borders around the table cells. The only broadly compatible way to do this I know of is to have * the...
1
3892
by: Alan Hoyle | last post by:
I was using a <table border> to generate borders around some info/images, and decided to follow the w3c guidelines and convert it to CSS boxes with borders since it wasn't really tabular data. ...
7
5087
by: Stan Brown | last post by:
http://www.acad.sunytccc.edu/instruct/sbrown/stat04/qz05_.htm A table comes near the beginning of the page. I have the <td> of row 1 column 1 styled in line with border-top:none and...
5
27504
by: Fizgig | last post by:
Hi, Below is code for creating a table with only vertical borders. I now use a table cell of 1px to create this effect. Is there a CSS alternative? Bye, Fizgig ####################
7
2726
by: NeverLift | last post by:
I posted a very long message regarding my experiences with JavaScript, one reply was posted asking I post an example of the problem -- and both are gone! Is there a moderator that removes such...
4
8914
by: Konrad Viltersten | last post by:
As it isnow i have to use a syntax for my tables as: <table class = "some" border> and/or <table class = "some" noborder> Now, what i'd like to do is to make that border-thingy...
17
5818
by: Grant Kelly | last post by:
I'm wondering if it's possible within HTML markup (or possibly CSS) to specify that an HTML table's headers should be placed 'over' the cell borders rather than 'within' the cells. For example...
5
3002
by: sitko | last post by:
Hi, I'm done a little HTML here and there over the years...but nothing professionally. Now I'm working on a project which calls for some simple HTML. Here is my markup, for the life of me I can't...
0
1310
by: ineuw | last post by:
I am trying to display form fields with flush borders and eliminate the sunken effect. This works fine for text fields, but only partially for select boxes, or file inputs. IE6 and Firefox both...
0
7357
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...
1
7012
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
7468
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
5598
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,...
1
5023
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...
0
4690
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...
0
3171
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
1522
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 ...
0
402
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...

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.