1

border-left-color für Tabellen Spalten ?

Frage von brinda brinda

Folgende Situation: Ich habe eine HTML-Tabelle mit 10 Spalten. Jede zweite Spalte soll links und rechts (außen) einen roten Rahmen haben. Mit border-right-color und border-left-color habe ich es schon versucht. Klappt leider nicht.

Fragen zu gleichen Themen finden

Antworten (5)

  • 1
    Antwort von linuxopa linuxopa

    Das geht nur über eine style-Anweisung (CSS), wie steht auf http://de.selfhtml.org/navigation/css.htm#rahmen

    Kommentar von brinda brinda

    Aber dies hier funktioniert leider nicht: <td width="50%" style="border-left-color:#ffffff;">&nbsp;</td>

    Kommentar von linuxopa linuxopalinuxopa

    Da fehlt auch "border-width: 2px; border-style: solid"

    Solange du keine border-Stärke definiert hast, gilt border=0, also nix.

  • 0
    Antwort von Webaholic Webaholic

    Tabelle so definieren:
    <table class="mitRahmen">
    <tr>
    <td>...</td>
    </tr>
    </table>
    .
    (Natürlich mit der entsprechenden Anzahl an Spalten und ggf. Zeilen)
    .
    Dann in ein Stylesheet:
    table.mitRahmen td {
    border-left: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
    }
    Ich würde davon abraten in der Tabellendefinition border="0" zu verwenden und ich würde auch überlegen, ob es sinnvoll ist, den Rahmen wirklich bei jeder Spalte links und rechts zu setzen... Das problem dabei ist, wenn zwischen den Spalten kein Zwischenraum ist wird die Linie zwischen zwei Spalten breiter als die Linie ganz rechts und ganz links.
    .
    Wenn du das vermeiden willst lass das border-right weg und setze dafür noch:
    table.mitRahmen {
    border-right:1px solid #ff0000;
    }

    Kommentar von internetkonzept internetkonzept

    Um den doppelten Rahmen zu vermeiden, hilft border:collapse.

  • 0
    Antwort von gisedesign gisedesign

    Du kannst CSS-Anweisung auch Abkürzen und in ein Style-Sheet packen, dann mußt Du nicht so viel in jede Zelle reinschreiben.

    Stylesheet:

    td.bunt { width:50%; border-left: 2px solid red; border-right: 2px solid red; }

    html:

    <td class="bunt">

    http://de.selfhtml.org/css/formate/einbinden.htm

  • 0
    Antwort von Nightlife Nightlife

    Einfach folgendes einfügen: style="boder-left: 1px solid #bbbbbb; border-right:1px solid #bbbbbbb;"

    bbbbbbb durch gewünschte Farbe austauschen.

    Gruss Nightlife

  • 0
    Antwort von wim50 wim50

    Das Border bezieht sich auf den Rahmen der gesamten Tabelle, für die Gestalung der Gitternetzlinien gibt es nichts.

    Du kannst aber ein Hintergrundbild mit einem schmalen Streifen oder Blümchenmuster einfügen.

Diese Frage

Verwandte Fragen

Noch nicht den richtigen Rat gefunden?

Einfach und schnell viele hilfreiche Ratschläge von Deutschlands aktivster Ratgeber-Community erhalten!

Einfach und schnell einen Tipp erstellen und Ihren guten Rat mit anderen teilen!

Einfach und schnell ein Video hochladen und anschaulichen Rat an alle geben!

Die unter gutefrage.net angebotenen Dienste und Ratgeber Inhalte werden nicht geprüft. Die Richtigkeit der Inhalte wird nicht gewährleistet. Rechtliche Hinweise finden Sie hier.