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;
}

Gnolen wrote:
[color=blue]
> 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..[/color]

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

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:[color=blue]
> Gnolen wrote:
>
>[color=green]
>>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..[/color]
>
>
> 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.
>[/color]

Gnolen wrote:[color=blue]
> Els wrote:[color=green]
>> Gnolen wrote:
>>[color=darkred]
>>>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..[/color]
>>
>> 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.[/color]
>
> 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?[/color]

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 -

Gnolen <hendrikgnolen@hotmail.com> wrote:
[color=blue]
> No I do not have a live example I'm afraid.[/color]

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.
[color=blue]
> But I have been taking
> out the content in the cells so it should work in IE too then..[/color]

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.)
[color=blue]
> Any idee what can be wrong?[/color]

You are not helping us to help you.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Gnolen <hendrikgnolen@hotmail.com> wrote:
[color=blue]
>Table and CSS is below..[/color]

Post a url, not code.

--
Spartanicus

Jukka K. Korpela wrote:
[color=blue][color=green]
>> But I have been taking
>> out the content in the cells so it should work in IE too then..[/color]
>
> Did you misunderstand what Els wrote? Or didn't quite read it?[/color]

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 -

>>No I do not have a live example I'm afraid.[color=blue]
>
>
> 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.[/color]

Why should I have to create a live example? The code is the same and it
is not really a massive complicated story either..
[color=blue][color=green]
>>But I have been taking
>>out the content in the cells so it should work in IE too then..[/color]
>
> Did you misunderstand what Els wrote? Or didn't quite read it?[/color]

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.
[color=blue]
> (Upside-down fullquoting normally means lack of comprehensive reading.)[/color]

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

Gnolen wrote:
[color=blue][color=green][color=darkred]
>>>No I do not have a live example I'm afraid.[/color]
>>
>> 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.[/color]
>
> Why should I have to create a live example? The code is the same and it
> is not really a massive complicated story either..[/color]

The code is not the same, as the code you posted works without a
problem. I tested that.
[color=blue][color=green]
>> (Upside-down fullquoting normally means lack of comprehensive reading.)[/color]
>
> 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.[/color]

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.
[color=blue]
> 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![/color]

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 -

Els wrote:[color=blue]
> Gnolen wrote:
>
>[color=green][color=darkred]
>>>>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.[/color]
>>
>>Why should I have to create a live example? The code is the same and it
>>is not really a massive complicated story either..[/color]
>
>
> The code is not the same, as the code you posted works without a
> problem. I tested that.
>
>[color=green][color=darkred]
>>>(Upside-down fullquoting normally means lack of comprehensive reading.)[/color]
>>
>>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.[/color]
>
>
> 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.
>
>[color=green]
>>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![/color]
>
>
> 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.
>[/color]

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!

Gnolen wrote:
[color=blue]
> 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![/color]

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 -

On Sun, 20 Mar 2005 18:12:58 +0100, Els <els.aNOSPAM@tiscali.nl> wrote:
[color=blue]
> Gnolen wrote:
>[color=green]
>> 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![/color]
>
> Dat valt dan reuze mee - ik ken Nederlanders die slechter schrijven
> :-)
>[/color]

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 |
`-------------------------------------------------- --<--@ ------------'

"Els" <els.aNOSPAM@tiscali.nl> wrote in message
news:1d4umv3c4tc5t.esykd0m819.dlg@40tude.net...[color=blue]
> Gnolen wrote:
>[color=green]
> > 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..[/color]
>
> 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.[/color]

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