background-image wird nicht angezeigt von peng0, 04.07.2006 11:43

background-image wird nicht angezeigt

peng0 04.07.2006 11:43

So ich glaub wir fangen noch mal von vorne an,

also

in dieser Datei sollte folgendes stehen

  
  
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

  
<!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&nbsp;&gt;</a></td>  
       </tr>  
       <tr>  
        <td><a href="http://www.bikeyastyle.com/picture-store">Picture&nbsp;Store&nbsp;&gt;</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

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

peng0: background-image wird nicht angezeigt

Beitrag lesen

background-image wird nicht angezeigt

background-image wird nicht angezeigt