Responsive Tabelle

Thema wurde von Anonymous, 20. Februar 2017 erstellt.

  1. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das ist der css-Code dafür, teste aber bitte, nicht das dadurch nicht an anderer, ungewollter Stelle auch Häckchen erscheinen

    Code:
    .table-features tbody > tr > td:nth-of-type(1):before {
        position: absolute;
        top: 7px;
        left: 9px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f058";
        color: #0c0;
        font-size: 20px;
    }
     
  2. cemil09

    cemil09 Mitglied

    Registriert seit:
    11. Mai 2016
    Beiträge:
    8
    Danke erhalten:
    0
    Danke vergeben:
    1
    Habe den Code jetzt im Editor eingefügt doch der gewünschte Effekt tritt nicht ein.
    Bild im Anhang
     

    Anhänge:

  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Dann braucht es einen Link zu Deiner Seite, dass man Deinen Code da ansehen kann.
     
  4. cemil09

    cemil09 Mitglied

    Registriert seit:
    11. Mai 2016
    Beiträge:
    8
    Danke erhalten:
    0
    Danke vergeben:
    1
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Bei Dir fehlt das:
    Code:
    .table-features tbody > tr > td:nth-of-type(1) {
        position: relative;
        width: 30%;
        padding-left: 40px;
    }
    Versuche mal bitte, wenn Du beide Codes einträgst.
     
  6. cemil09

    cemil09 Mitglied

    Registriert seit:
    11. Mai 2016
    Beiträge:
    8
    Danke erhalten:
    0
    Danke vergeben:
    1
    DANKE hat geklappt!!!:):):)