Beiträge von Kemna

  • Auslagerung von Klassen in CSS-File

    Danke für die Reaktion, ich bin neu hier und in CSS.
    Die Quellen habe ich nicht im Netz, deshalb der Code:

    test.html:

    <!DOCTYPE html>
    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Test</title>
    <link href="test.css" type="text/css" rel="stylesheet">
    </head>

    <body>
    <a class="thumbnail" href="test.jpg"><img src="ttest.jpg" width="83" height="144" border="0" /><span><img src="test.jpg" /></span></a>
    </body>
    </html>

    test.css:

    @charset "UTF-8";

    .thumbnail {
    position: relative;
    z-index: 0;
    }

    .thumbnail:hover {
    background-color: transparent;
    z-index: 5;
    }

    .thumbnail span {
    position: absolute;
    padding: 0px;
    left: -1000px;
    border: 1px;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }

    .thumbnail span img {
    border-width: 0;
    padding: 2px;
    }

    .thumbnail:hover span {
    visibility: visible;
    top: 0;
    left: 60px;
    }

    Für Mühe Dank,
    Gruß Kemna

  • Auslagerung von Klassen in CSS-File

    Hallo,

    wenn ich:
    im <head> im Tag <style> Klassen liegen habe,
    und diese in einen externen CSS-File auslagere,
    und dafür den CSS-File im <head> aufrufe,
    funktionieren die Klassen nicht.

    Es passiert Folgendes:
    Es handelt sich um ein PopUp-Bild, das mit einem Thumbnail-Link aufgerufen wird.
    Nach der Auslagerung erscheinen beide Bilder (Thumbnail und PopUp-Bild) gemeinsam.

    Was mache ich falsch?

    Gruß Kemna