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
Auslagerung von Klassen in CSS-File
-
-
Quelltext? Besser Link zur Seite.
-
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 -
Hab deinen Code kopiert und die 2 Files erzeugt.
Funktioniert bei mir im Firefox und im Chrome Browser... -
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