Beiträge von Mauron

    zeile 7 fehlt bei class"imgclass"/> ein "=" zeichen


    also so muss es sein

    Code
    1. <wurzeltag>
    2. <tabelle>
    3. <zeile class="classname">
    4. <spalte>Text</spalte>
    5. </zeile>
    6. </tabelle>
    7. <img src="quelle.png" alt="bild" class="imgclass"/>
    8. </wurzeltag>

    so klappt es dann auch

    https://jsfiddle.net/basti1012/9vg7eywt/8/

    Das hier ist ja nicht mein wirklich Code, sondern nur eine vereinfachte Darstellung um nicht mit meinem Inhalt zu verwirren bzw abzulenken. Das = hab ich in meinem Code natürlich und war somit nur ein kleiner Rechtschreibfehler. Bei mir funktioniert es trotzdem nicht...

    probier es mal so

    Code
    1. .(ZeilenClassName):hover img{visibility: visible;}

    Ohne runde klammern und Punkt davor nicht vergessen

    wenn das nict geht

    dann zeig doch mal dein ganzen code

    Also da werden mir dann mehrere Syntaxfehler angezeigt von Visual Studio Code und funktionieren tut es auch nicht.


    das img ist eben im Wurzeltag ganz normal drin, mit css richtig positioniert aber even hidden, und über dem Bild habe ich eine Tabelle und ich möchte wenn ich mit der Maus über eine bestimmte Zeile gehe eben dass das Bild sichtbar wird...

    Meine xml-Datei sieht wie folgt aus:

    XML
    1. <wurzeltag>
    2.     <tabelle>
    3.         <zeile class="classname">
    4.             <spalte>Text</spalte>
    5.         </zeile>
    6.     </tabelle>
    7.     <img src="quelle.png" alt="bild" class"imgclass"/>
    8. </wurzeltag>

    und die CSS datei wie folgt:


    CSS
    1. wurzeltag{display: flex; justify-content: center; width: 100%; background: url("bild.png"); background-attachment: fixed; background-size: cover;}
    2. tabelle{display:table; width: 70em; position: absolute; top: 5.2em; border: 2px solid black; border-collapse: separate; border-spacing: 0.5em;}
    3. zeile{display: table-row; background-color: rgb(131, 174, 132);}
    4. spalte{display: table-cell; text-align: center; vertical-align: middle;}
    5. zeile:hover{background-color: white; color: black;} /*um zu highlighten in welcher zeile man ist*/
    6. img.imgclass{padding-top: 27em; position: absolute; width: 900px; height: 640px; visibility: hidden;}
    7. /*hier würde dann sowas stehen wie zeile.rowclass:hover > img.imgclass{visibility: visible;} */

    Guten Tag,


    ich habe folgende Frage:


    Ist es, und wenn ja, wie, möglich, innerhalb einer "Klammer" ein Attribut eines anderen Elements zu ändern? Konkret möchte ich folgendes machen. Ich habe eine Tabelle erstellt und möchte, wenn ich die Maus über eine Zeile halte, ein bestimmtes Bild, um welches es eben in der Zeile geht, sichtbar machen. Das Bild befindet sich bereits unter der Tabelle mit

    Code
    1. visibility: hidden;

    Ich habe jeder Zeile eine andere class gegeben und hab nun versucht das img folgendermassen anzusprechen:


    Code
    1. tablerow.class:hover{img.imgclass.visibility: visible;}

    aber das ist natürlich ein Syntax-fehler... mache ich etwas falsch oder gehe ich an die Sache falsch heran? Wäre cool wenn ihr mir helfen könntet :)


    Mit freundlichen Grüßen

    Mauron