Hi,
seit etwa vier Monaten arbeite ich mich in HTML etc. ein.
Jetzt ist ein Problem aufgetaucht, zudem ich keine Lösung finde:
Ich habe eine Galerie auf HTML-Basis nachgebaut/kopiert, die bei der DW-Vorschau einwandfrei funktioniert.
Sobald ich diese zu Test zwecken Online setzte, werden alle CSS-Befehle ignoriert.
(Ich bin mir bewusst, dass diese Galerie nicht mein Geistiges Eigentum ist, dennoch möchte ich doch gerne verstehen warum das ganze Online einfach keine Wirkung zeigt.)
Falls jemand erkennt ob etwas fehlt oder sonst irgendeine Idee hat, bedanke mich schon einmal im Vorraus für die Hilfe.
Gruß
Juschi
Hier der HTML-Code
HTML
<div class="galerie-folder">
<a class="frame1" href="http://www.xxx.de/galerie/2011.html" tabindex="-1" name="Mai 2011" style="">
<span class="frame2"> <i style="background-image: url(http://www.xxx.de/top.jpg);" class="frame3"></i> </span>
</a>
<div align="center" class="folder-jahr"><a class="none" href="2011.html">Mai 2011</a><br /><br /></div>
</div>Hier die dazugehörigen CSS-Befehle
Code
.galerie-folder {
height: auto;
width: 180px;
border-collapse: collapse;
border-spacing: 0;
padding-left: 40px;
float: left;
}
.folder-jahr {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #333;
height: 20px;
width: 180px;
padding-top: 10px;
}
.frame1 {
border: thin groove #CCC;
height: 125px;
width: 160px;
background-color: #FFF;
padding-top: 5px;
padding-left: 5px;
display:block;
margin-bottom: 4px;
margin-right: 4px;
}
a.frame1:hover, .frame1:hover .frame2, a.frame1:active, .frame1:active .frame2, a.frame1:focus, .frame1:focus .frame2 {
border: thin groove ;
border-color: #3B5998;
border-top-color: #3B5998;
border-left-color: #3B5998;
border-right-color: #3B5998;
}
.frame2 {
border: thin groove #999;
height: 125px;
width: 160px;
background-color: #FFF;
padding-top: 5px;
padding-left: 5px;
display:block;
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-attachment: scroll;
background-clip: border-box;
background-color: #FFF;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #CCCCCC;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 1px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #CCCCCC;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 1px;
border-top-color: #CCCCCC;
border-top-style: solid;
border-top-width: 1px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
top: 486px;
left: 182px;
}
.frame3 {
height: 115px;
width: 150px;
background-color: #CCC;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
display:block;
}
bisher hab ich keine Validation der Seite vorgenommen...