Getting crazy with borders for td/tr's!

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Gnolen

    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="admintab le">
    <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.admintabl e {
    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.admintabl e A:hover {
    TEXT-DECORATION: underline overline;
    }

    TABLE.admintabl e 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;
    }
  • Els

    #2
    Re: Getting crazy with borders for td/tr's!

    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

    Comment

    • Gnolen

      #3
      Re: Getting crazy with borders for td/tr's!

      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]

      Comment

      • Els

        #4
        Re: Getting crazy with borders for td/tr's!

        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 -

        Comment

        • Jukka K. Korpela

          #5
          Re: Getting crazy with borders for td/tr's!

          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/

          Comment

          • Spartanicus

            #6
            Re: Getting crazy with borders for td/tr's!

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

            Post a url, not code.

            --
            Spartanicus

            Comment

            • Els

              #7
              Re: Getting crazy with borders for td/tr's!

              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 -

              Comment

              • Gnolen

                #8
                Re: Getting crazy with borders for td/tr's!

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

                Comment

                • Els

                  #9
                  Re: Getting crazy with borders for td/tr's!

                  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 -

                  Comment

                  • Gnolen

                    #10
                    Re: Getting crazy with borders for td/tr's!

                    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!

                    Comment

                    • Els

                      #11
                      Re: Getting crazy with borders for td/tr's!

                      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 -

                      Comment

                      • Barbara de Zoete

                        #12
                        Re: Getting crazy with borders for td/tr's!

                        On Sun, 20 Mar 2005 18:12:58 +0100, Els <els.aNOSPAM@ti scali.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 |
                        `-------------------------------------------------- --<--@ ------------'

                        Comment

                        • me

                          #13
                          Re: Getting crazy with borders for td/tr's!

                          "Els" <els.aNOSPAM@ti scali.nl> wrote in message
                          news:1d4umv3c4t c5t.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


                          Comment

                          Working...