Oliver R.: Grenzlinie zwischen Tabellenspalten trennen

SELF-Forum

Grenzlinie zwischen Tabellenspalten trennen

Oliver R.
– Informationen zu den Bewertungsregeln

So, folgendes Beispiel:

<td align="left" width="150px" style="border-top: 1px solid black; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;">
</td>

Das Ganze ist innerhalb einer Tabelle.

Daneben habe ich nochmal genauso so einen Tabellenbereich. Das Problem ist, dass ich es nicht hinkriege, dass die schwarze Linien zwischen den Spalten unterbrochen wird, die läuft einfach weiter.

Kann man ihre Länge irgendwie begrenzen?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Grenzlinie zwischen Tabellenspalten trennen

    Felix Riesterer
    – Informationen zu den Bewertungsregeln

    Lieber Oliver,

    dass die schwarze Linien zwischen den Spalten unterbrochen wird, die läuft einfach weiter.

    was bitte meinst Du damit? Ich habe Dein Ansinnen nicht wirklich begriffen...

    Liebe Grüße aus Ellwangen,

    Felix Riesterer.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Grenzlinie zwischen Tabellenspalten trennen

      Oliver R.
      – Informationen zu den Bewertungsregeln

      Danke für eure Antworten schonmal...
      ich probiere sie gleich aus....

      was bitte meinst Du damit? Ich habe Dein Ansinnen nicht wirklich begriffen...

      Ich meine damit, dass ich in zwei nebeneinander liegenden TDs eine border-top definiert habe. Diese 2 Borders vereinigen sich in der Mitte zwischen den beiden TDs. Ich hätte gerne eine Lücke zwischen den Beiden.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Grenzlinie zwischen Tabellenspalten trennen

        Gernot Back Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo Oliver,

        Ich meine damit, dass ich in zwei nebeneinander liegenden TDs eine border-top definiert habe. Diese 2 Borders vereinigen sich in der Mitte zwischen den beiden TDs. Ich hätte gerne eine Lücke zwischen den Beiden.

        dann verpass deiner Tabelle ein Cellspacing-Attribut mit einem Wert größer Null.

        Gruß Gernot

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Grenzlinie zwischen Tabellenspalten trennen

          Oliver R.
          – Informationen zu den Bewertungsregeln

          Hallo Oliver,

          dann verpass deiner Tabelle ein Cellspacing-Attribut mit einem Wert größer Null.

          Gruß Gernot

          Hallo Gernot,
          Danke für deinen Hinweis...ja, es hat geklappt, allerdings wirkt sich das auch auf vertikale Abstände zu den darüber liegendem TH aus. Da darf es in meiner Tabelle keinen Abstand geben, Abstand nur in der horizontalen erwünscht ;)

          OK, ich probiere mal sowas wie cellspacing-left oder -right. Ob's sowas gibt ?!

          Gruß
          Oliver

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Grenzlinie zwischen Tabellenspalten trennen

            Oliver R.
            – Informationen zu den Bewertungsregeln

            So, hab's jetzt gelöst. Ich habe einfach anstatt einer schwarzen Border eine schwarze Linie als gif genommen, und deren Maße kann ich ja nach Belieben gestalten :-)

            Gruß

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

          2. Grenzlinie zwischen Tabellenspalten trennen

            Gernot Back Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hallo Oliver,

            Danke für deinen Hinweis...ja, es hat geklappt, allerdings wirkt sich das auch auf vertikale Abstände zu den darüber liegendem TH aus. Da darf es in meiner Tabelle keinen Abstand geben, Abstand nur in der horizontalen erwünscht ;)

            OK, ich probiere mal sowas wie cellspacing-left oder -right. Ob's sowas gibt ?!

            Nein, das gibt es nicht. Die einzige browserübergreifend funktionierende Möglichkeit, die mir da in den Sinn kommt, ist dass du deinen Tabellenzellen links und rechts ein Padding gibst, dazu eine bestimmte Weite aber keinen Border und dass du dann dorthinein ein Blockelement mit 100% Weite setzt, dem du den Border verpasst:

              
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">  
<html>  
<head>  
<title>Durchbrochene horizontale Tabellenzellentrennlinie</title>  
<style type="text/css">  
[code lang=css]  
html, body {  
  width:100%;  
  margin:0;  
  padding:0;  
}  
  
#deineTabelle {  
  width:100%;  
  border-collapse:collapse;  
}  
  
#deineTabelle td {  
  width:50%;  
  vertical-align:top;  
  padding:0 3px;  
}  
  
#deineTabelle td div {  
  width:100%;  
  border-top:1px solid black;  
  background-color:#FFEEDD;  
}

            </style>
            </head>
            <body >
            <table id="deineTabelle">
            <tr>
            <td><div>&nbsp;</div></td>
            <td><div>&nbsp;</div></td>
            </tr>
            <tr>
            <td><div>&nbsp;</div></td>
            <td><div>&nbsp;</div></td>
            </tr>
            </table>
            </body>
            </html>
            [/code]

            Gruß Gernot

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. Grenzlinie zwischen Tabellenspalten trennen

              Oliver R.
              – Informationen zu den Bewertungsregeln

              Hallo Gernot,

              wow, sehr elegant gemacht!

              Danke für den Code...es funktioniert :-)

              Gruß
              Oliver

              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

  2. Grenzlinie zwischen Tabellenspalten trennen

    Stefan
    – Informationen zu den Bewertungsregeln

    "Tach" heißt das.

    Kann man ihre Länge irgendwie begrenzen?

    Nein, Du kannst aber einen Abstand zwischen den tds definieren.
    Schau mal nach margin-left bbzw. -right.

    Gruß,
    Stefan

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Grenzlinie zwischen Tabellenspalten trennen

      MudGuard Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,

      Kann man ihre Länge irgendwie begrenzen?
      Nein, Du kannst aber einen Abstand zwischen den tds definieren.
      Schau mal nach margin-left bbzw. -right.

      Und was soll das bringen? Für tabelleninterne Elemente (wie z.B. td) muß margin ignoriert werden.

      border-collapse und border-spacing helfen evtl (je nach Browser)

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      Schreinerei Waechter
      Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln