nicht angemeldet
Hallo zusammen, als erstes mal ein riesen Lob an die Betreiber dieser Seite, ich habe hier schon richtig viel gelernt!
Aber denoch habe ich jetzt ein Problem, wo ich net weiter komme und zwar, ich baue eine Webseite und habe ein Login bereich, der eingeflogen wird (von oben)
und als zweites habe ich eine Slidebox eingebaut!
Ja jedes einzeln funktioniert ohne Problem! Aber leider funktioniert immer bloß eins, jenachdem was im <Head> Bereich zuerst steht! Wenn zuerst die Login steht, geht kommischer weise nur die Slidebox, steht aber zuerst die Slidebox, kommt die Loginbox!
Es soll aber beides funktioneren! Kann mir einer sagen, wo der Fehler liegt??
Bzw, was ihr braucht um nachzuschauen?
Hier erstmal der Link von meiner Seite: Meine Seite
und hier mal noch der Quelltext von meiner Index:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="include/designs/DS_Temp_1/css/style.css">
<link rel="stylesheet" href="include/designs/DS_Temp_1/css/mooslide.css" type="text/css" media="screen" />
<!--Loginbox-->
<script type="text/javascript" src="include/designs/DS_Temp_1/js/mootools12.js"></script>
<script type="text/javascript" src="include/designs/DS_Temp_1/js/mooSlide2-moo12.js"></script>
<!--Slideboxe-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="include/designs/DS_Temp_1/js/s3Slider.js"></script>
<!--Slideboxe-->
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 5000
});
});
</script>
<!--Loginbox-->
<script language="javascript" type="text/ecmascript">
window.addEvent('domready',function(){
var myLogin = new mooSlide2({ slideSpeed: 1000, fadeSpeed: 500, toggler:'login', content:'loginPanel', height:150, close: false, effects:Fx.Transitions.Bounce.easeOut , from:'top'});
//optional: AutoStart the slider on page load:
//MyLogin.run();
$('close').addEvent('click', function(e){
e = new Event(e);
myLogin.clearit();
e.stop();
});
});
</script>
<title>Designstübchen</title>
<style type="text/css">
.Tabelle_01 .menue p {
padding-top: 5px;
}
body, td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
}
a:link {
color: #ffffff;
text-decoration: none;
text-align:center;
}
a:visited {
color:#FFFFFF;
text-decoration:none;
}
a:hover {
text-decoration: none;
color: #15c1ef;
text-align:center;
}
a:active {
text-decoration: none;
color: #900;
}
{
body font: normal 100.01% Helvetica, Arial, sans-serif;
color: black;
background-color: #ffffe0;
}
#slider {
width: 400px; /* important to be same as image width */
height: 100px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#sliderContent {
width: 400px; /* important to be same as image width or wider */
position: absolute;
top: 0px;
margin-left: -2.5em;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 8px/15px Arial, Helvetica, sans-serif;
padding: 10px 10px;
width: 380px;
background-color: #15c1ef;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7; /*Transparentsgrad*/
color: #000;
display: none;
margin-right:50px;
margin-top:15px;
margin-left:3px;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul {
list-style-type: none;
}
</style>
<script type="text/JavaScript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
Vielen Dank schon im Vorraus!