nicht angemeldet
So ich glaub wir fangen noch mal von vorne an,
also
in dieser Datei sollte folgendes stehen
~~~css
BODY {
background: #f7b500;
color: #435a3c;
margin: 0px;
text-align: center;
}
.tableHeader {
/* background: #bcdbb2; */
color:#664a2e;
font-weight:bold;
font-size:20px;
}
#side {
}
#main {
text-align: left;
margin-top:20px;
width:702px;
}
#info {
width:702px;
margin-bottom:1px;
}
#naviAndContent {
background-image:url(/start/images/main_background.jpg);
background-repeat:no-repeat;
}
#content {
width:700px;
height:525px;
}
#naviMenu {
background-image:url("/start/images/menu.png");
background-repeat:no-repeat;
float:left;
width:34px;
height:523px;
border:1px soluid black;
}
#navi {
position:absolute;
visibility:hidden;
margin-top:34px;
margin-left:34px;
padding-bottom:50px;
}
#naviLinks {
position:absolute;
top:42px;
left:40px;
}
a:link {
color:#435a3c;
background:#f91;
border:1px dotted #000000;
font-weight:bold;
text-decoration:none;
}
a:visited {
color:#435a3c;
font-weight:bold;
font-size:16px;
text-decoration:none;
}
a:hover {
color:#FFFFFF;
background-color:#f91;
font-weight:bold;
font-size:16px;
text-decoration:none;
}
a:active {
color:#000080;
font-weight:bold;
font-size:16px;
text-decoration:none;
}
#box a {
color:#ffffff;
background:#b3b06c;
font:bold 12px verdana, sans-serif;
text-decoration:none;
display:block;
width:100px;
padding:5px;
border:1px solid black;}
#box a:hover {
color:black;
background:#ddd8b7;}
#box a span {display:none;}
#box a:hover span {
position:absolute; top:60px; left:40%; z-index:3;
display:block;
width:300px;
color:black;
background:#ffffff;
font:normal 16px courier, sans-serif;
border:1px solid black;
padding:10px;}
und in der index.php sollte folgendes stehen
~~~html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bikeyastyle Start</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript" language="javascript">
<!--
function Menue () {
if (typeof window.pageYOffset == "number") {
if (NS4) {
getElement("id", "navi").top = window.pageYOffset + 50;
} else {
getElement("id", "navi").style.top = window.pageYOffset + 50;
}
} else {
if (typeof document.body.scrollTop == "number")
getElement("id", "navi").style.top = document.body.scrollTop + 50;
}
if (OP)
getElement("id", "naviLinks").style.pixelTop = NavLinksPos;
if (NS4) {
getElement("id", "navi").visibility = "show";
} else {
getElement("id", "navi").style.visibility = "visible";
}
}
function noMenue () {
if (NS4) {
getElement("id", "navi").visibility = "hide";
} else {
getElement("id", "navi").style.visibility = "hidden";
}
}
function handleMove (ev) {
if (!ev)
ev = window.event;
var mausposition_x = ev.pageX ? ev.pageX : ev.clientX;
var mausposition_y = ev.pageY ? ev.pageY : ev.clientY;
var win_width,win_height;
if (self.innerHeight) // all except Explorer
{
win_width = parseInt(180+(self.innerWidth-1024)*0.5);
win_height = parseInt(self.innerHeight/7.8);
}
else if (document.documentElement && document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
win_width = parseInt(180+(document.documentElement.clientWidth-1024)*0.5);
win_height = parseInt(document.documentElement.clientHeight/7.8);
}
else if (document.body) // other Explorers
{
win_width = parseInt(180+(document.body.clientWidth-1024)*0.5);
win_height = parseInt(document.body.clientHeight/7.8);
}
if (mausposition_x > win_width-20 && mausposition_x < win_width+20 && mausposition_y > win_height && mausposition_y < win_height+480) {
Menue();
//alert("\n\nwidth: "+ win_width + "\nheight:" + win_height + "\n\n width30: "+ (win_width+30) + "\n height400: "+ (win_height+400) );
} else {
if (mausposition_x < win_width-20 || mausposition_x > win_width+270 || mausposition_y < win_height || mausposition_y > win_height+480) {
noMenue();
}
}
}
function Event_init () {
if (document.addEventListener) {
document.addEventListener("mousemove", handleMove, true);
} else {
if (NS4) {
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = handleMove;
} else {
document.body.onmousemove = handleMove;
}
}
if (OP) {
NavLinksPos = 42; // Position des Bereiches NavLinks
getElement("id", "naviLinks").style.pixelTop = NavLinksPos;
}
}
//--></script>
</head>
<body onload="Event_init()">
<div align="center">
<div id="side">
<div id="main">
<div id="naviAndContent">
<div id="naviMenu">
<div id="navi">
<img src="/start/images/navigation.gif" width="250" height="450" border="0" alt="">
<div id="naviLinks">
<table>
<tr class="tableHeader"><td>Shop's</td></tr>
<tr>
<td><a href="http://www.bikeyastyle.com/cloths-store">Cloths ></a></td>
</tr>
<tr>
<td><a href="http://www.bikeyastyle.com/picture-store">Picture Store ></a> </td>
</tr>
<tr><td><hr></td></tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
So ich hoffe das jetzt alles passt
gruß Peng0
Gunnar Bittersmann