Text in Layer mit Grafik Scroller

akdesign · 29.03.2007, 12:49

Hey Leute,

brauche ganz, ganz dringend eure Hilfe.

Versuch jetzt schon seit gestern Abend sowas in meine Web einzubauen:

HTML-Code:

<style type="text/css">  
#divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right} 
#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right} 
#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden} 
#divContent{position:absolute; top:0; left:0} 
</style>
<script language="JavaScript">// begin absolutely positioned scrollable area object scripts 
/*
Extension developed by David G. Miles (www.z3roadster.net/dreamweaver)
Original Scrollable Area code developed by Thomas Brattli 
To add more shock to your site, visit www.DHTML Shock.com
*/

function verifyCompatibleBrowser(){ 
    this.ver=navigator.appVersion 
    this.dom=document.getElementById?1:0 
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
    this.ie4=(document.all && !this.dom)?1:0; 
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
 
    this.ns4=(document.layers && !this.dom)?1:0; 
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) 
    return this 
} 
bw=new verifyCompatibleBrowser() 
 
 
var speed=50 
 
var loop, timer 
 
function ConstructObject(obj,nest){ 
    nest=(!nest) ? '':'document.'+nest+'.' 
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; 
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; 
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight 
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight 
    this.up=MoveAreaUp;this.down=MoveAreaDown; 
    this.MoveArea=MoveArea; this.x; this.y; 
    this.obj = obj + "Object" 
    eval(this.obj + "=this") 
    return this 
} 
function MoveArea(x,y){ 
    this.x=x;this.y=y 
    this.css.left=this.x 
    this.css.top=this.y 
} 
 
function MoveAreaDown(move){ 
	if(this.y>-this.scrollHeight+objContainer.clipHeight){ 
    this.MoveArea(0,this.y-move) 
    if(loop) setTimeout(this.obj+".down("+move+")",speed) 
	} 
} 
function MoveAreaUp(move){ 
	if(this.y<0){ 
    this.MoveArea(0,this.y-move) 
    if(loop) setTimeout(this.obj+".up("+move+")",speed) 
	} 
} 
 
function PerformScroll(speed){ 
	if(initialised){ 
		loop=true; 
		if(speed>0) objScroller.down(speed) 
		else objScroller.up(speed) 
	} 
} 
 
function CeaseScroll(){ 
    loop=false 
    if(timer) clearTimeout(timer) 
} 
var initialised; 
function InitialiseScrollableArea(){ 
    objContainer=new ConstructObject('divContainer') 
    objScroller=new ConstructObject('divContent','divContainer') 
    objScroller.MoveArea(0,0) 
    objContainer.css.visibility='visible' 
    initialised=true; 
} 
// end absolutely positioned scrollable area object scripts 

</script>

<body bgcolor="999999" onLoad="InitialiseScrollableArea()">

<!-- begin absolutely positioned scrollable area object--> 
<div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()">[scroll 
  up]</a> </div>
<div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()">[scroll 
  down]</a> </div>
<div id="divContainer"> 
  <div id="divContent"> <b>Scroll Area Content Start</b> 
    <p> Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy 
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum 
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim 
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend. 
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe 
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy 
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum 
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim 
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend. 
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe 
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <b>Scroll Area Content End</b> </div>
</div>
<!-- end absolutely positioned scrollable area object -->

Ich hab aber die Grafik-Scroller nicht in ner DIV, und blicks einfach gar nicht.

Hier meine Web:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Capone, Holtzweiler &amp; Associates Ltd &bull; Marketing, internationale Unternehmensberatung, Projekt- und Event-Management, Sales-Strategy</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="Keywords" content="Capone, Holtzweiler, Marketing, international, Beratung, Unternehmensberatung, Event-Marketing, Event Management, internationales Marketing, Marketing Konzept, Export Marketing, Konsensbildung, Motivation, Ist/Soll-Analyse, Print, Multimedia, Kick-off, Online-Kommunikation, Vertriebsservices, Messe-Marketing, Vertriebskoordination, Franchise, Marketing-Beratung, Consulting, Strategie-Consulting, Consultant, ROI, Return on Investment, Frankfurt, Freiburg, associates">
<meta name="Description" content="Marketing, internationale Unternehmensberatung, Konzept und Umsetzung: Ein modularer Leistungsumfang mit Synergie-Effekt. Von der Situationsanalyse bis zum Event Management: Ist/Soll-Analyse und Ermittlung der erfolgskritischen Parameter; Marketingstrategische Ausarbeitung einer gewichteten Priorit&auml;ten-Liste; Erstellung und zeitliche Gliederung der Budget-Struktur; Aktionsplan inkl. Feinabstimmung der zeitliche Abfolge und der Ma&szlig;nahmenverzahnung; Umsetzung Level 1 : Motivation, Einbindung und Konsensbildung auf Mitarbeiterebene; Umsetzung Level 2 : Festlegung der externen Marketing-Werkzeuge und Darstellungsmittel; Umsetzung Level 3 : konkrete Umsetzung und Follow-up in den Bereichen Events, Print, Multimedia und Online">
<meta name="revisit-after" content="7 days" >
<meta http-equiv="Reply-to" content="s.capone@capone-holtzweilder.com">
<meta name="author" content="HOPE: Holtzweiler Perspecitves KG" >
<meta name="language" content="de">
<meta name="publisher" content="HOPE: www.hope-communications.com">
<meta name="copyright" content="Capone, Holtzweiler &amp; Associates Ltd">
<meta name="audience" content="Alle">
<meta name="page-type" content="">
<meta name="page-topic" content="" >
<script src="file:///G3 Extern 250 GB/Kundenordner/Capone & Co/Neues_CD/Website/web/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
	background-color: #333333;
}
#Layer1 {
	position:absolute;
	width:700px;
	height:336px;
	z-index:1;
	visibility: visible;
}

.style1 {
	font-size: 12px;
	color: #000000;
	line-height: 14pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 143px;
	margin-top: 27px;
	font-style: normal;
}
#Layer1 .style2 {
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
//-->
</script>
</head>
<body>
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<tr>
	<table width="850" bgcolor="#333333" style="position:absolute; top:0px; left:0px; width:100%; height:100%" name="divContainer">
	<tr>
		<td align="center" valign="middle">
		<div style="position:relative; width:850px; height:20px">
      <img src="images/link_impressum_GB.gif" alt="Impressum" name="link_impressum" width="200" height="20" border="0"  usemap="#link_impressumMap" id="link_impressum" longdesc="images/link_impressum.gif"><img src="images/blindgif.gif" alt="Balken" name="blindgif" width="400" height="20" border="0" longdesc="images/blindgif.gif"><img src="images/link_sprachen_EFI.gif" alt="Sprachauswahl" name="link_sprachen" width="250" height="20" border="0" usemap="#link_sprachenMap" id="link_sprachen" longdesc="images/link_sprachen.gif">
      <map name="link_sprachenMap">
        <area shape="rect" coords="108,3,148,16" href="index_gb.html"   alt="index_gb"><area shape="rect" coords="157,5,198,17" href="#"><area shape="rect" coords="214,4,249,16" href="#">
      </map>
          <map name="link_impressumMap">
		  <area shape="rect" coords="-1,3,83,21" href="impressum.html" alt="Impressum">
          <area shape="rect" coords="90,4,138,17" href="mailto: dialog@capone-holtzweiler.com" alt="eMail">
		  </map>
	</div>	
<table width="850" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3"><img src="images/logo.jpg" alt="Capone, Holtzweiler &amp; Associates" width="850" height="55"><br>
      <img src="images/concept_titel.jpg" alt="Concept" width="850" height="120"></td>
  </tr>
  <tr>
    <td><div id="Layer1">
      <p align="left" class="style1"><span class="style2">R</span>eaktionschnell, kontextbezogen und realit&auml;tsnah &ndash; Marketing<br>
        muss sich heute am Verkaufserfolg messen lassen. Daher haben nur <br>
        Marketing-Leistungen Bestand, die mit vier Eigenschaften aufwarten:</p>
      <p>&middot; individueller Betreuung,<br>
  &middot; massgeschneiderten Konzepten,<br>
  &middot; eng marktbezogener, fundierter Relevanz<br>
  &middot; engagierter Unterst&uuml;tzung bis weit in die Umsetzungsphase.</p>
      <p align="left" class="style1">&nbsp;</p>
      <p align="left" class="style1">&nbsp;</p>
      <p align="left" class="style1">&middot; individueller Betreuung,<br>
&middot; massgeschneiderten Konzepten,<br>
&middot; eng marktbezogener, fundierter Relevanz<br>
&middot; engagierter Unterst&uuml;tzung bis weit in die Umsetzungsphase.</p>
      <p align="left" class="style1">&nbsp;</p>
      <p align="left" class="style1">&middot; individueller Betreuung,<br>
&middot; massgeschneiderten Konzepten,<br>
&middot; eng marktbezogener, fundierter Relevanz<br>
&middot; engagierter Unterst&uuml;tzung bis weit in die Umsetzungsphase. </p>
    </div>
      <img src="images/concept_background.jpg" alt="background" width="700" height="335"></td>
    <td><img src="images/concept_scrolleroben.jpg" width="50" height="87"><br>
      <img src="images/concept_scroll_up.jpg" alt="Scroll Up" width="50" height="50" border="0" usemap="#MapUp">
		<img src="images/concept_scroll_down.jpg" alt="Scroll Down" width="50" height="50" border="0" usemap="#MapDown">
      <img src="images/concept_scrollerunten.jpg" width="50" height="148"></td>
    <td><img src="images/concept_rechts.jpg" width="100" height="335"></td>
  </tr>
  <tr>
    <td colspan="3"><img src="images/menue.jpg" alt="Men&uuml;" width="850" height="40"></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</td></tr></table></tr>

<map name="MapUp">
<area shape="rect" coords="15,5,47,37" href="#"></map>
<map name="MapDown">
<area shape="rect" coords="14,9,45,40" href="#"></map></body>
</html>

Bitte, bitte, kann mir jemand auf die Sprünge helfen

akdesign