Beiträge von Rainer

  • Zelle in Tabelle hervorheben

    In einer Tabelle hebe ich ganze Zeilen, in denen der Cursor ist, mit grauem Hintergrund hervor:


    #tbl_ersatzteil tbody tr:hover {

    background-color: lightgrey;

    }


    Dies funktioniert unabhängig davon, in welcher Spalte sich der Cursor befindet.


    Ist es möglich, zusätzlich den Inhalt einer bestimmten Zelle, z.B. der ganz rechts, in dieser markierten Zeile, durch fette Schrift hervorzuheben, auch wenn sich der Cursor innerhalb dieser Zeile in einer anderen Spalte befindet?


    Danke!

  • Textdatei in DIV darstellen - Höhe passt sich nicht an

    Der gesamte Text soll lesbar sein ohne Scrollbalken. Height auf auto oder 100% zu stellen, hat mir nichts gebracht.

    Hintergrund ist, dass der Text änderbar sein soll, ohne dass die HTML-Datei angefasst wird. Das Einlesen und Darstellen (allerdings mit Scrollbalken) funktioniert problemlos ohne weitere Klassendefinition.

  • Textdatei in DIV darstellen - Höhe passt sich nicht an

    Hallo,


    ich bringe die Darstellung einer eingelesenen Textdatei nicht hin. Das Einlesen klappt mit dem Script einwandfrei einschließlich aller Formatierungen. Das Objekt wird in einem Container-DIV dargestellt. Solange ich feste Höhen vorgebe, werden diese realisiert. Mit der Angabe „auto“ bleibt die Höhe aber bei etwa 150 Pixel, egal wie viel Text eingelesen wurde. Ein Scrollbalken wird dargestellt.

    Ich nutze HTML, CSS und ein abgeschriebenes JavaScript auf einem PC mit Windows 10 und Firefox.

    Wie kann eine „Auto-Funktion“ realisiert werden?

    Ist das ein CSS-Problem oder muss ich in eine anderes Forum?



    #wrapper {

    height:auto;

    margin-left:auto;

    margin-right:auto;

    }


    #div_textanzeigen {

    min-height: 100%

    margin-left:auto;

    margin-right:auto;

    margin-bottom: 0;

    }


    #obj_dateilesen {

    min-height:101%;

    margin-left:auto;

    margin-right:auto;

    margin-bottom: 0;

    }

    </style>

    </head>


    <body>

    <div id="wrapper">


    <div id="div_textanzeigen">

    <!-- Jetzt folgt das Einlesen des Textes:-->

    <object id="obj_dateilesen" data="testdatei.html" type="text/html"></object>


    <script>

    window.onload = function () {

    var object = document.querySelector('.text');

    var doc = object.contentDocument;

    doc.documentElement.style.overflow = 'hidden';

    doc.body.style.overflow = 'hidden';


    var contentsHeight = doc.documentElement.offsetHeight;

    object.height = contentsHeight;

    }

    </script>


    </div>

    <!-- Hier endet die Hülle-->

    </div>


    Danke fürs Durchlesen.