borders problem

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • bastardx
    #1

    borders problem


    hi
    Can I remove double border of crossing/concat divs ?
    here is my html


    <html>
    <head>
    <title></title>
    <style type="text/css">
    ..celldiv {
    border: 1px solid #003399;
    padding: 2px 2px 2px 2px;
    }
    </style>
    </head>
    <body>

    <div class="celldiv" >one</div>
    <div class="celldiv" >two</div>
    <div class="celldiv" >three</div>
    <div class="celldiv" >four</div>
    </body>
    </html>


    Tags: None
    • Spartanicus
      #2
      Re: borders problem

      "bastardx" <bastardx@S-P-A-Mop.pl> wrote:
      [color=blue]
      >Can I remove double border of crossing/concat divs ?[/color]

      ..celldiv {
      border: 1px solid #003399;
      border-top:0;
      padding: 2px 2px 2px 2px;
      }
      ..celldiv.top{b order-top:1px}

      <div class="celldiv top">one</div>
      <div class="celldiv" >two</div>
      <div class="celldiv" >three</div>
      <div class="celldiv" >four</div>

      --
      Spartanicus

        Comment

        • bastardx
          #3
          Re: borders problem


          Uzytkownik "Spartanicu s" <invalid@invali d.invalid> napisal w wiadomosci
          news:fg0991h0uo r0s3cdp1bvlqvld tckb0c4po@news. spartanicus.utv internet.ie...[color=blue]
          > "bastardx" <bastardx@S-P-A-Mop.pl> wrote:
          >[color=green]
          >>Can I remove double border of crossing/concat divs ?[/color]
          >
          > .celldiv {
          > border: 1px solid #003399;
          > border-top:0;
          > padding: 2px 2px 2px 2px;
          > }
          > .celldiv.top{bo rder-top:1px}
          >
          > <div class="celldiv top">one</div>
          > <div class="celldiv" >two</div>
          > <div class="celldiv" >three</div>
          > <div class="celldiv" >four</div>
          >[/color]
          it doesn't work


            Comment

            • Spartanicus
              #4
              Re: borders problem

              "bastardx" <bastardx@S-P-A-Mop.pl> wrote:
              [color=blue]
              >it doesn't work[/color]

              Change
              [color=blue][color=green]
              >> .celldiv.top{bo rder-top:1px}[/color][/color]

              To
              [color=blue][color=green]
              >> .celldiv.top{bo rder-top:1px solid #00339}[/color][/color]

              --
              Spartanicus

                Comment

                • bastardx
                  #5
                  Re: borders problem


                  Uzytkownik "Spartanicu s" <invalid@invali d.invalid> napisal w wiadomosci
                  news:fg0991h0uo r0s3cdp1bvlqvld tckb0c4po@news. spartanicus.utv internet.ie...[color=blue]
                  > "bastardx" <bastardx@S-P-A-Mop.pl> wrote:
                  >[color=green]
                  >>Can I remove double border of crossing/concat divs ?[/color]
                  >
                  > .celldiv {
                  > border: 1px solid #003399;
                  > border-top:0;
                  > padding: 2px 2px 2px 2px;
                  > }
                  > .celldiv.top{bo rder-top:1px}
                  >
                  > <div class="celldiv top">one</div>
                  > <div class="celldiv" >two</div>
                  > <div class="celldiv" >three</div>
                  > <div class="celldiv" >four</div>
                  >[/color]


                  You right it works but can I do without adding celldiv top ?


                    Comment

                    • boclair
                      #6
                      Re: borders problem

                      bastardx wrote:[color=blue]
                      > Uzytkownik "Spartanicu s" <invalid@invali d.invalid> napisal w wiadomosci
                      > news:fg0991h0uo r0s3cdp1bvlqvld tckb0c4po@news. spartanicus.utv internet.ie...
                      >[color=green]
                      >>"bastardx" <bastardx@S-P-A-Mop.pl> wrote:
                      >>
                      >>[color=darkred]
                      >>>Can I remove double border of crossing/concat divs ?[/color]
                      >>
                      >>.celldiv {
                      >>border: 1px solid #003399;
                      >>border-top:0;
                      >>padding: 2px 2px 2px 2px;
                      >>}
                      >>.celldiv.top{ border-top:1px}
                      >>
                      >><div class="celldiv top">one</div>
                      >><div class="celldiv" >two</div>
                      >><div class="celldiv" >three</div>
                      >><div class="celldiv" >four</div>
                      >>[/color]
                      > it doesn't work[/color]

                      ..celldiv {
                      border: 1px solid #003399;
                      border-top:0;
                      padding: 2px 2px 2px 2px;
                      }
                      ..top {
                      border-top: 1px solid #039;
                      }

                      Louise

                        Comment

                        • Spartanicus
                          #7
                          Re: borders problem

                          "bastardx" <bastardx@S-P-A-Mop.pl> wrote:
                          [color=blue]
                          >You right it works but can I do without adding celldiv top ?[/color]

                          Not if you want it to work in IE.

                          --
                          Spartanicus

                            Comment

                            Previous template Next
                            Working...