CSS Frage - 2 spaltige Tabelle - 1. Spalte linksbündig - 2. Spalte rechtsbündig

Thema wurde von danielo_plickert, 8. August 2024 erstellt.

  1. danielo_plickert

    danielo_plickert Neues Mitglied

    Registriert seit:
    16. März 2018
    Beiträge:
    2
    Danke erhalten:
    0
    Danke vergeben:
    2
    Hallo,

    ich möchte eine 2 spaltige Tabelle mit Daten als html in der Artikelbeschreibung anhängen/einfügen. Diese soll vom Design über seperate css gesteuert werden. Soweit ist das alles klar.
    Wie lässt sich in der css Datei diese Tabelle dann ---> 1. Spalte linksbündig und die 2. Spalte rechtsbündig darstellen? <---
    Vielleicht kann jemand helfen. Besten Dank.
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    22. Juli 2021
    Beiträge:
    98
    Danke erhalten:
    5
    Danke vergeben:
    32
    Code:
        <table class="table">
            <tbody>
                <tr>
                    <td>linksbündig:</td>
                    <td style="text-align: right;">rechtsbündig</td>
                </tr>
                <tr>
                    <td>linksbündig:</td>
                    <td style="text-align: right;">rechtsbündig</td>
                </tr>
                <tr>
                    <td>linksbündig:</td>
                    <td style="text-align: right;">rechtsbündig</td>
                </tr>
            </tbody>
        </table>
    Für style="text-align: right;" kannst du auch eine CSS-Klasse deklarieren.

    Beispiel:
    Code:
    .rechtsbuendig {
    text-align: right;
    }
    In der Zelle selbst musst dann die Klasse aufrufen:
    Code:
    ...
    <td class="rechtsbuendig">...</td>
     
  3. danielo_plickert

    danielo_plickert Neues Mitglied

    Registriert seit:
    16. März 2018
    Beiträge:
    2
    Danke erhalten:
    0
    Danke vergeben:
    2
    Super, Vielen Dank für die Hilfe. Das funktioniert.
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    22. Juli 2021
    Beiträge:
    98
    Danke erhalten:
    5
    Danke vergeben:
    32
    sehr gerne!
    Wenn du magst, kannst du auch auf DANKE SAGEN klicken...
    ;)
     
  5. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.105
    Danke erhalten:
    971
    Danke vergeben:
    343
    Gambio bringt schon zumindest ein paar Bootstrap-Klassen mit:
    • text-justify

    • text-left

    • text-center

    • text-right
    Also man kann sich das Deklarieren der eigenen Klassen in dem Fall sparen und z.B. einfach das hier verwenden:
    Code:
    <td class="text-right">...</td>
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    22. Juli 2021
    Beiträge:
    98
    Danke erhalten:
    5
    Danke vergeben:
    32
    Stimmt, habe ich total vergessen. Lade selbst noch ein paar aktuelle Bootstrap-Klassen nach, da Gambio ja mit uralten Bootstrap arbeitet...