Ergebnis 1 bis 5 von 5

Thema: Auslagerung von Klassen in CSS-File

  1. #1
    HTML Newbie
    Registriert seit
    02.04.2015
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard 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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Auslagerung von Klassen in CSS-File

    Quelltext? Besser Link zur Seite.
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    02.04.2015
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: 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

  4. #4
    HTML Newbie
    Registriert seit
    07.04.2015
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Auslagerung von Klassen in CSS-File

    Hab deinen Code kopiert und die 2 Files erzeugt.
    Funktioniert bei mir im Firefox und im Chrome Browser...

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    02.04.2015
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Auslagerung von Klassen in CSS-File

    Vielen Dank, dann kann es nur noch an einem Fehler im Link liegen, der das CSS-File aufruft. Ich werde es checken, und nochmals Dank für Deine Mühe.
    Gruß Kemna

Ähnliche Themen

  1. CSS: verschachtelte Klassen
    Von LinuxMan im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2008, 00:02
  2. php, klassen und variablen
    Von phore im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 27.02.2006, 15:45
  3. Klassen in HTML
    Von J!M! im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.11.2005, 00:30
  4. css: klassen
    Von im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 06.11.2005, 21:25

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •