HTML/CSS Problem

Kunig · 17. August 2007

Hey Leute,
ich habe huete in der SChule mit meiner neuen Homepage angefangen (HTML & CSS).

Nun habe ich folgendes Problem :

Meine Navigationsleiste enthält Flasheffekte, diese Effekte funktionieren in der Schule auch ohne Probleme.

Als ich nun zuhause war und an der Page weiterarbeiten wollte waren diese Effekte (optisch!!!) nichtmehr vorhanden, obwohl alle erforderlichen Dateien vorhanden sind --> maindefinition.css UND fade.js <--

Das diese Effekte bei mir nicht angezeigt werden liegt denke ich daran das ich Windows vor ein paar tagen neu aufgesetzt habe und evtl. ein benötigtes Programm noch nicht installiert habe, habe bisher nur den Flash Player und Macromedia Flash 8 installiert.

Kennt sich jemand damit aus und würde sich erbarmen mit zu helfen ?

Anzeige

dynastor · 17. August 2007

AW: HTML/CSS Problem

wäre ganz hilfreich wenn du den code postest...vllt sind einfach nur die verweise nicht richtig....
lokaler link bzw "case sensitive"

be · 18. August 2007

AW: HTML/CSS Problem

update mal dein windows vllt funktioniert das dann^^ ansonsten hast du vllt javascript deaktiviert (wegen der fade.js) denn .js ist eine javascript datei und keine flashdatei finde ich auch komisch..

aber poste bitte mal den quelltext der html datei und der css datei, auch der anderen dateien kann nicht schaden

lg

Kunig · 18. August 2007

AW: HTML/CSS Problem

Einmal die HTML Datei

Die CSS Datei

body {scrollbar-face-color: #AAAAAA; scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #D7D7D7; scrollbar-arrow-color: #000000;
}
a:link {color: #FFFFFF; text-decoration: NONE; font-size: 9pt;font-family:verdana,arial;font-size:9pt;}
a:visited {color: #FFFFFF; text-decoration: NONE; font-size: 9pt;font-family:verdana,arial;font-size:9pt;}
a:active {color: #000000; text-decoration: none; font-size: 9pt;font-family:verdana,arial;font-size:9pt;}
a:hover {color: #000000; text-decoration: none; font-size: 9pt;font-family:verdana,arial;font-size:9pt;}
p{color:black;font-family:verdana,arial;font-size:9pt;}

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="overlib.js"></script>
<script language="JavaScript" src="fade.js"></script>

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Und die JS Datei

**************/

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

document.onmouseover = domouseover;
document.onmouseout = domouseout;

startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());

var fadeId = new Array();

function dehexize(Color){
var colorArr = new makearray(3);
for (i=1; i<7; i++){
for (j=0; j<16; j++){
if (Color.charAt(i) == hexa[j]){
if (i%2 !=0)
colorArr[Math.floor((i-1)/2)]=eval(j)*16;
else
colorArr[Math.floor((i-1)/2)]+=eval(j);
}
}
}
return colorArr;
}

function domouseover() {
if(document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(startColor,endColor,srcElement.uniqueID,stepIn);
}
}

function domouseout() {
if (document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(endColor,startColor,srcElement.uniqueID,stepOut);
}
}

function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this = 0;
return this;
}

function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

function setColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = "#"+hr+hg+hb;
}

function fade(s,e, element,step){
var sr = s[0]; var sg = s[1]; var sb = s[2];
var er = e[0]; var eg = e[1]; var eb = e[2];

if (fadeId[0] != null && fade[0] != element){
setColor(sr,sg,sb,eval(fadeId[0]));
var i = 1;
while(i < fadeId.length){
clearTimeout(fadeId);
i++;
}
}

for(var i = 0; i <= step; i++) {
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
}
fadeId[0] = element;
}

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Murdoc · 18. August 2007

AW: HTML/CSS Problem

hat in einer css-datei nichts verloren

Kunig · 19. August 2007

AW: HTML/CSS Problem

Naja der Effekt ist trotzdem nicht da

Nützliche Suchen

HTML/CSS Problem

Videos zum Themenbereich