achso!
ich glaube ich weiß warum es bei euch nicht geht die CSS-Angaben habt ihr natürlich noch nicht mit dabei.
Tut mir leid!!!
<style type="text/css">
<!--
body { margin:5px; margin-top:20px; }
a:link { font-size: 14pt; }
a:hover { font-size: 14pt; text-decoration:none; }
.fly
{
color:black;
font:normal 14pt verdana;
position:absolute;
visibility:hidden;
z-index:2;
}
.logo
{
font:normal 20pt arial;
color:black;
position:absolute;
visibility:visible;
z-index:0;
margin-left: 50%; margin-right: 50%;
text-align:center;
}
.desc
{
text-align:center;
font:bold 14pt arial;
color:#FA2B1D;
position:absolute;
width:200px;
visibility:hidden;
z-index:1;
}
//-->
</style>
So ich hoffe es funktioniert jetzt.
Hier auch nochmal das Javascript:
<script language="JavaScript">
rotation = new Array();
//rotation[x] = new Array("href","linkname","beschreibung/desc");
rotation[0] = new Array("#","Morphologie","Link1");
rotation[1] = new Array("#","Phänografie","Link2");
rotation[2] = new Array("#","Sportpsychologie","Link3");
rotation[3] = new Array("#","Sportpädagogik","Link4");
rotation[4] = new Array("#","Biomechanik","Link5");
rotation[5] = new Array("#","Trainingslehre","Link6");
screenb = screen.availWidth;
screenh = screen.availHeight
r = 180; // radius
xoff = (screenb / 2); // x offset
yoff = 3000; // y offset
x1 = xoff + 0; //Bildposition links
y1 = yoff - 0; //Bildposition oben
descleft = xoff - 99; //desc-Position links
desctop = yoff + 55; //desc-Position oben
pi = Math.PI; // PI
inc = (pi/r); // (links drehen)
// inc = -(pi/190); // (rechts drehen)
document.write("<style type="text/css">.desc{left:" + descleft + ";top:" + desctop + ";}</style>");
function showObject(object) {object.visibility = VISIBLE;}
function hideObject(object) {object.visibility = HIDDEN;}
function slideLogo(from, to) {
if (from < to) {
company.top = (from += 20); //standard. 4
setTimeout('slideLogo(' + from + ',' + to + ')', 30); //standard. 75
}
else initObjects();
}
function initObjects() {
objects = new Array();
for(x=1; x<=rotation.length; x++){
eval("objects.push(fly" + x + ");");
}
pos = new Array();
pos[0] = 0;
for (x=1; x<objects.length; x++) {
pos[x] = parseFloat(pos[x - 1] + ((2 * pi) / objects.length));
}
rotateObjects();
}
function rotateObjects() {
for (x=0; x<pos.length; x++) {
pos[x] += inc;
objects[x].visibility = 'visible';
objects[x].left = (r * Math.cos(pos[x])) + xoff;
objects[x].top = (r * Math.sin(pos[x])) + yoff;
}
rotateTimer = setTimeout("rotateObjects()",60);
}
document.write("<div id="company" class="logo"><p><a href="#unten">Bewegungs-<br>lehre<br>und<br>Kinesiologie</a></p></div>");
for(x=1; x<=rotation.length; x++){
document.write("<div id="fly" + x + "" class="fly"><p><a onMouseOver="clearTimeout(rotateTimer);" onMouseOut="rotateObjects();" href="" + rotation[x-1][0] + "">" + rotation[x-1][1] + "</a><br></p></div>");
}
for(x=1; x<=rotation.length; x++){
document.write("<div align="center" id="desc" + x + "" class="desc"><p>" + rotation[x-1][2] + "</p></div>");
}
if (document.getElementById) {
before = "document.getElementById('";
after = "').style";
var HIDDEN = "hidden";
var VISIBLE = "visible";
}
else if (document.all) {
before = "document.all.";
after = ".style";
var HIDDEN = "hidden";
var VISIBLE = "visible";
}
else if (document.layers) {
before = "document.";
after = "";
var HIDDEN = "hide";
var VISIBLE = "show";
}
for(x=1; x<=rotation.length; x++) {
eval("var fly" + x + " = " + before + "fly" + x + after);
}
eval("var company = " + before + "company" + after);
for(x=1; x<=rotation.length; x++) {
eval("var desc" + x + " = " + before + "desc" + x + after);
}
slideLogo(0,y1);
</script>