mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 16:37 Benutzername: Passwort: Auto-Login

Thema: GOLIVE CSS-Animation DHTML-Zeitachse auf Monitor zentrieren? vom 22.07.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> GOLIVE CSS-Animation DHTML-Zeitachse auf Monitor zentrieren?
Seite: 1, 2  Weiter
Autor Nachricht
galaktika123
Threadersteller

Dabei seit: 28.05.2009
Ort: -
Alter: 44
Geschlecht: Weiblich
Verfasst Do 22.07.2010 12:05
Titel

GOLIVE CSS-Animation DHTML-Zeitachse auf Monitor zentrieren?

Antworten mit Zitat Zum Seitenanfang

Hallo Zusammen,

nachdem ich vergeblich im Web gesucht habe, würde ich gerne hier um Hilfe bitten:

Ich habe eine Website mit GoLive und eine Animation über die DTHML-Zeitachse erstellt. Sieht auch prima aus. Die Website ist zentriert, leider bekomme ich das mit der Animation nicht hin. Wenn also jemand sich die Seite auf einem größeren Monitor anschaut, ist die Animation "verschoben" und passt nicht zum "Hintergrund".

Ich wäre sehr, sehr dankbar einen Tipp/Lösung zu erhalten.
(bitte für Dummies erklären)

Herzlichen Dank * Ich bin unwürdig *
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 22.07.2010 12:16
Titel

Antworten mit Zitat Zum Seitenanfang

Ohne Link, Quellcode kann Dir leider niemand helfen Lächel
  View user's profile Private Nachricht senden
Anzeige
Anzeige
galaktika123
Threadersteller

Dabei seit: 28.05.2009
Ort: -
Alter: 44
Geschlecht: Weiblich
Verfasst Do 22.07.2010 12:49
Titel

Quellcode

Antworten mit Zitat Zum Seitenanfang

Ich hoffe es ist OK, dass ich den kompletten Quelcode einstelle. Namen etc. habe ich mit XYZ "geschwärzt".
Vielen Dank für Dein Interesse, ich bin Dir sehr dankbar...


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

   <head>
      <link href="file:///XYZ" rel="shortcut icon" type="image/x-icon" />
      <style type="text/css" media="screen"><!--
#s1 { height: 60px; width: 211px; left: 790px; top: 730px; position: absolute; z-index: 1; visibility: visible; }
#s3 { height: 60px; width: 202px; left: 588px; top: 730px; z-index: 3; position: absolute; visibility: hidden; }
#s2 { height: 60px; width: 260px; left: 328px; top: 730px; position: absolute; z-index: 2; visibility: hidden; }
#s { height: 60px; width: 307px; left: 6px; top: 730px; z-index: 4; position: absolute; visibility: hidden; }
--></style>
      <cssequencer default="0">
         <cssequence name="s4" fps="10" start="0" end="71" autoplay="on">
            <cstrack layer="s1" parts="0,-400,730,1,1,1,#ccccff,70,800,730,1,1,1,#ccccff"></cstrack>
            <cstrack layer="s3" parts="0,-400,730,2,1,1,#ccccff,70,598,730,2,1,1,#ccccff"></cstrack>
            <cstrack layer="s2" parts="0,-400,730,2,1,1,#ccccff,70,340,730,2,1,1,#ccccff"></cstrack>
            <cstrack layer="s" parts="0,-400,730,4,1,1,#ccccff,70,20,730,4,1,1,#ccccff"></cstrack>
         </cssequence>
      </cssequencer>
      <meta http-equiv="content-type" content="text/html;charset=utf-8">
      <title>Willkommen bei XYZ</title>
      <meta name="XYZ" content="XYZ">
      <meta name="keywords" content="XYZ">
      <csscriptdict>
         <script type="text/javascript"><!--
CSInit = new Array;
function CSScriptInit() {
if(typeof(skipPage) != "undefined") { if(skipPage) return; }
idxArray = new Array;
for(var i=0;i<CSInit.length;i++)
   idxArray[i] = i;
CSAction2(CSInit, idxArray);}
CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf("/")+1),10);
CSIsW3CDOM = ((document.getElementById) && !(IsIE()&&CSBVers<6)) ? true : false;
function IsIE() { return CSAg.indexOf("MSIE") > 0;}
function CSIEStyl(s) { return document.all.tags("div")[s].style; }
function CSNSStyl(s) { if (CSIsW3CDOM) return document.getElementById(s).style; else return CSFindElement(s,0);  }
CSIImg=false;
function CSInitImgID() {if (!CSIImg && document.images) { for (var i=0; i<document.images.length; i++) { if (!document.images[i].id) document.images[i].id=document.images[i].name; } CSIImg = true;}}
function CSFindElement(n,ly) { if (CSBVers<4) return document[n];
   if (CSIsW3CDOM) {CSInitImgID();return(document.getElementById(n));}
   var curDoc = ly?ly.document:document; var elem = curDoc[n];
   if (!elem) {for (var i=0;i<curDoc.layers.length;i++) {elem=CSFindElement(n,curDoc.layers[i]); if (elem) return elem; }}
   return elem;
}
function CSGetImage(n) {if(document.images) {return ((!IsIE()&&CSBVers<5)?CSFindElement(n,0):document.images[n]);} else {return null;}}
CSDInit=false;
function CSIDOM() { if (CSDInit)return; CSDInit=true; if(document.getElementsByTagName) {var n = document.getElementsByTagName('DIV'); for (var i=0;i<n.length;i++) {CSICSS2Prop(n[i].id);}}}
function CSICSS2Prop(id) { var n = document.getElementsByTagName('STYLE');for (var i=0;i<n.length;i++) { var cn = n[i].childNodes; for (var j=0;j<cn.length;j++) { CSSetCSS2Props(CSFetchStyle(cn[j].data, id),id); }}}
function CSFetchStyle(sc, id) {
   var s=sc; while(s.indexOf("#")!=-1) { s=s.substring(s.indexOf("#")+1,sc.length); if (s.substring(0,s.indexOf("{")).toUpperCase().indexOf(id.toUpperCase())!=-1) return(s.substring(s.indexOf("{")+1,s.indexOf("}")));}
   return "";
}
function CSGetStyleAttrValue (si, id, st) {
   var s=si.toUpperCase();
   var myID=id.toUpperCase()+":";
   var id1=s.indexOf(myID,st);
   if (id1==-1) return "";
   var ch=s.charAt(id1-1);
   if (ch!=" " && ch!="\t" && ch!="\n" && ch!=";" && ch!="{")
      return CSGetStyleAttrValue (si, id, id1+1);
   var start=id1+myID.length;
   ch=s.charAt(start);
   while(ch==" " || ch=="\t" || ch=="\n") {start++; ch=s.charAt(start);}
   s=s.substring(start,si.length);
   var id2=s.indexOf(";");
   return ((id2==-1)?s:s.substring(0,id2));
}
function CSSetCSS2Props(si, id) {
   var el=document.getElementById(id);
   if (el==null) return;
   var style=document.getElementById(id).style;
   if (style) {
      if (style.left=="") style.left=CSGetStyleAttrValue(si,"left",0);
      if (style.top=="") style.top=CSGetStyleAttrValue(si,"top",0);
      if (style.width=="") style.width=CSGetStyleAttrValue(si,"width",0);
      if (style.height=="") style.height=CSGetStyleAttrValue(si,"height",0);
      if (style.visibility=="") style.visibility=CSGetStyleAttrValue(si,"visibility",0);
      if (style.zIndex=="") style.zIndex=CSGetStyleAttrValue(si,"z-index",0);
   }
}

CSLoopIsRunning = false; CSFctArray = new Array; CSTimeoutID = null;
function CSLoop() {   
   CSLoopIsRunning = false;
   for (i=0;i<CSFctArray.length;i++) {
      var curFct = CSFctArray[i];
      if (curFct)   {
         if (curFct.DoFunction(curFct)) { CSLoopIsRunning = true; curFct.counter++; }
         else CSFctArray[i] = 0;
      }
   }
   if (CSLoopIsRunning) CSTimeoutID = setTimeout("CSLoop()", 1);
}
function CSStartFunction(fct,data) {
   if (!CSLoopIsRunning) { CSFctArray = 0; CSFctArray = new Array; }
   var fctInfo = new Object;
   fctInfo.DoFunction = fct; fctInfo.counter = 0; fctInfo.data = data;
   CSFctArray[CSFctArray.length] = fctInfo;
   if (!CSLoopIsRunning) CSLoop();
}
function CSStopFunction(sceneName) {
   var i;
   for (i=0;i<CSFctArray.length;i++) {
      var curFct = CSFctArray[i];
      if (curFct){ if (curFct.data.name == sceneName){ CSFctArray[i] = 0; return; } }
   }
}
function CSStopComplete() {
   if (CSTimeoutID == null) return;
   clearTimeout (CSTimeoutID); CSLoopIsRunning = false; CSTimeoutID = null;
}

function CSSetStylePos(s,d,p) {
   if (CSIsW3CDOM)d==0?document.getElementById(s).style.left=p+"px":document.getElementById(s).style.top=p+"px";
   else if(IsIE())(d==0)?CSIEStyl(s).posLeft=p:CSIEStyl(s).posTop=p;
   else (d==0)?CSNSStyl(s).left=p:CSNSStyl(s).top=p;
}
function CSGetStylePos(s,d) {
   if (CSIsW3CDOM){CSIDOM();return parseInt((d==0)?document.getElementById(s).style.left:document.getElementById(s).style.top);}
   else if (IsIE()) {CSIEWinInit();return(d==0)?CSIEStyl(s).posLeft:CSIEStyl(s).posTop;}
   else {return (d==0)?CSNSStyl(s).left:CSNSStyl(s).top;}
}
CSIEWInit=false;
function CSIEWinInit() { if(CSIEWInit==true) return; else CSIEWInit=true; if (IsIE()&&CSBVers==4) { var i=0; var lyr=document.all.tags("div")[i++]; while(lyr) {lyr.style.posLeft=lyr.offsetLeft; lyr.style.posTop=lyr.offsetTop; lyr=document.all.tags("div")[i++];}}}

function CSSetStyleVis(s,v) {
   if (CSIsW3CDOM){CSIDOM();document.getElementById(s).style.visibility=(v==0)?"hidden":"visible";}
   else if(IsIE())CSIEStyl(s).visibility=(v==0)?"hidden":"visible";
   else CSNSStyl(s).visibility=(v==0)?'hide':'show';
}
function CSGetStyleVis(s) {
   if (CSIsW3CDOM) {CSIDOM();return(document.getElementById(s).style.visibility=="hidden")?0:1;}
   else if(IsIE())return(CSIEStyl(s).visibility=="hidden")?0:1;
   else return(CSNSStyl(s).visibility=='hide')?0:1;
}

function CSSetStyleDepth(s,depth) {
   if (CSIsW3CDOM)document.getElementById(s).style.zIndex=depth;
   else if (IsIE())CSIEStyl(s).zIndex=depth;
   else CSNSStyl(s).zIndex=depth;
}
function CSGetStyleDepth(s) {
   if (CSIsW3CDOM){CSIDOM();return document.getElementById(s).style.zIndex;}
   else if (IsIE())return (CSIEStyl(s).zIndex);
   else return (CSNSStyl(s).zIndex);
}

CSSeqArray = new Array;
function CSSeqActionFct(seq,loopCount,continueLoop) {
   if ((seq.loop < 2) || ((loopCount % 2) != 0)) {
      for (var i=0;i<seq.actionCount;i++) {
         if (seq.actions[3*i + 1] <= seq.frame) {
            if ((loopCount > 1) && (seq.actions[3*i + 1] < seq.start)) continue;
            if (seq.actions[3*i + 2] < loopCount) {
               seq.actions[3*i + 2] = loopCount; CSLoopIsRunning = true;
               CSAction(new Array(seq.actions[3*i + 0])); continueLoop = true;
            }
         } else { continueLoop = true; break; }
      }
   } else {
      for (var i=seq.actionCount-1;i>=0;i--) {
         if (seq.actions[3*i + 1] > seq.frame) {
            if (seq.actions[3*i + 1] > seq.end) continue;
            if (seq.actions[3*i + 2] < loopCount) {
               seq.actions[3*i + 2] = loopCount; CSLoopIsRunning = true;
               CSAction(new Array(seq.actions[3*i + 0])); continueLoop = true;
            }
         } else { continueLoop = true; break; }
      }
   }
   return continueLoop;
}      
function CSSeqFunction(fctInfo)
{
   var seq = fctInfo.data; var oldFrame = seq.frame;
   var newTicks = (new Date()).getTime();
   seq.frame = Math.round((seq.fps * (newTicks - seq.startTicks)/1000.0) - 0.5);
   var continueLoop  = false; var loopCount = 1;
   
   if (seq.loop > 0) {
      continueLoop = true;
      if (seq.loop == 1) {
         var iv = (seq.end - seq.start);
         var f = Math.round(((seq.frame - seq.start) / iv) - 0.5);
         if (f < 0) f = 0;
         loopCount = f+1;
         seq.frame = seq.start + ((seq.frame - seq.start) % (seq.end - seq.start));
      } else {
         var iv = (seq.end - seq.start);
         var f = Math.round(((seq.frame - seq.start) / iv) - 0.5);
         if (f < 0) f = 0;
         loopCount = f+1;
         f = (seq.frame - seq.start) % (2 * iv);
         if (f > iv) f = 2*iv - f;
         seq.frame = seq.start + f;
      }
   }
   continueLoop = CSSeqActionFct(seq,loopCount,continueLoop);
   for (var i=0;i<seq.tracks.length;i++) {
      var track = seq.tracks[i]; var frameCount = 0; var lastCount = 0; var partCount = 0;
      var partIdx = track.parts.ticks.length;
      for (var k=0;k<track.parts.ticks.length;k++) {
         frameCount += track.parts.ticks[k];
         if (frameCount > seq.frame) { partIdx = k; partCount = seq.frame - lastCount; break; }
         lastCount = frameCount;
      }
      if (partIdx < track.parts.ticks.length) {
         var type=track.parts.moveType[partIdx];
         if(type==1) CSSetLinearPos (track, partIdx, partCount);
         else if(type==2) CSSetCurvePos (track, partIdx, partCount);
         else if(type==3) if (oldFrame != seq.frame) CSSetRandomPos (track, partIdx, partCount);
                      else { x = CSGetStylePos(track.layer,0); y = CSGetStylePos(track.layer,1); }
         CSSetStyleVis(track.layer,track.parts.visibilities[partIdx]);
         CSSetStyleDepth(track.layer,track.parts.depths[partIdx]);
         continueLoop = true;
      } else {
         var partIdx = track.parts.moveType.length-1;
         var posArray = track.parts.positions;
         var x = posArray[partIdx * 6 + 0]; var y = posArray[partIdx * 6 + 1];
         CSSetStylePos(track.layer,0,x); CSSetStylePos(track.layer,1,y);
         CSSetStyleVis(track.layer,track.parts.visibilities[partIdx]);
         CSSetStyleDepth(track.layer,track.parts.depths[partIdx]);
      }
   }
   return continueLoop;
}
function CSSetLinearPos (track, partIdx, partCount) {
   var curTicks = track.parts.ticks[partIdx];
   var pIdx1 = partIdx * 6; var pIdx2 = (partIdx+1) * 6;
   var posArray = track.parts.positions;
   var x = posArray[pIdx1 + 0]; var y = posArray[pIdx1 + 1];
   var x1,x2,y1,y2;
   var factor = partCount/curTicks;
   x1 = x; y1 = y;
   x2 = posArray[pIdx2 + 0]; y2 = posArray[pIdx2 + 1];
   x = x1 * (1-factor) + x2 * factor; y = y1 * (1-factor) + y2 * factor;
   CSSetStylePos(track.layer,0,x); CSSetStylePos(track.layer,1,y);
}
function CSSetCurvePos (track, partIdx, partCount) {
   var curTicks = track.parts.ticks[partIdx];
   var pIdx1 = partIdx * 6; var pIdx2 = (partIdx+1) * 6;
   var posArray = track.parts.positions;
   var x = posArray[pIdx1 + 0]; var y = posArray[pIdx1 + 1];
   var x1,x2,x3,x4,y1,y2,y3,y4;
   var factor = partCount/curTicks;
   var t = factor; var u = t * t; var v = u * t;
   var val1 = 3*(u-t) - v + 1; var val2 = 3*(v+t - 2*u); var val3 = 3*(u-v); var val4 = v;
   x1 = x; y1 = y; x2 = posArray[pIdx1 + 2]; y2 = posArray[pIdx1 + 3];
   x3 = posArray[pIdx1 + 4]; y3 = posArray[pIdx1 + 5];
   x4 = posArray[pIdx2 + 0]; y4 = posArray[pIdx2 + 1];
   x = x1 * val1 + x2 * val2 + x3 * val3 + x4 * val4;
   y = y1 * val1 + y2 * val2 + y3 * val3 + y4 * val4;
   CSSetStylePos(track.layer,0,x); CSSetStylePos(track.layer,1,y);
}
function CSSetRandomPos (track, partIdx, partCount) {
   var curTicks = track.parts.ticks[partIdx];
   var pIdx1 = partIdx * 6; var pIdx2 = (partIdx+1) * 6;
   var posArray = track.parts.positions;
   var x = posArray[pIdx1 + 0]; var y = posArray[pIdx1 + 1];
   var x1,x2,y1,y2;
   var factor = partCount/curTicks;
   x1 = x; y1 = y;
   x2 = posArray[pIdx2 + 0]; y2 = posArray[pIdx2 + 1];
   var factorx = Math.random(); var factory = Math.random();
   x = x1 * (1-factorx) + x2 * factorx; y = y1 * (1-factory) + y2 * factory;
   CSSetStylePos(track.layer,0,x); CSSetStylePos(track.layer,1,y);
}
function CSStartSeq(name) {
   var seq = CSGetScene(name); var date = new Date()
   seq.startTicks = date.getTime()
   for (var i=0;i<seq.actionCount;i++) seq.actions[3*i+2] = 0;
   CSStartFunction(CSSeqFunction,seq);
}
function CSSceneObj (name,fps,loop,start,end,frame,sTicks,numAct,acts,tracks) {
   this.name=name;this.fps=fps;this.loop=loop;this.start=start;this.end=end;
   this.frame=frame;this.startTicks=sTicks;this.actionCount=numAct;
   this.actions=acts;this.tracks=tracks;
}
function CSTrackObj (name,partIdx,partCount,parts) {
   this.layer=name;this.partIdx=partIdx;this.partCount=partCount;this.parts=parts;
}
function CSPartObj (ticks,pos,depths,vis,moveType) {
   this.ticks=ticks;this.positions=pos;this.depths=depths;this.visibilities=vis;
   this.moveType=moveType;
}
function CSGetScene (name) {
   for (i=0;i<CSSeqArray.length;i++) { var seq = CSSeqArray[i]; if (seq.name==name) return seq; }
   return 0;
}


function CSAutoStartScene(action) { CSStartSeq (action[1]); }


CSStopExecution=false;
function CSAction(array) {return CSAction2(CSAct, array);}
function CSAction2(fct, array) {
   var result;
   for (var i=0;i<array.length;i++) {
      if(CSStopExecution) return false;
      var aa = fct[array[i]];
      if (aa == null) return false;
      var ta = new Array;
      for(var j=1;j<aa.length;j++) {
         if((aa[j]!=null)&&(typeof(aa[j])=="object")&&(aa[j].length==2)){
            if(aa[j][0]=="VAR"){ta[j]=CSStateArray[aa[j][1]];}
            else{if(aa[j][0]=="ACT"){ta[j]=CSAction(new Array(new String(aa[j][1])));}
            else ta[j]=aa[j];}
         } else ta[j]=aa[j];
      }         
      result=aa[0](ta);
   }
   return result;
}
CSAct = new Object;

function newImage(arg) {
   if (document.images) {
      rslt = new Image();
      rslt.src = arg;
      return rslt;
   }
}


userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
mustInitImg = true;
function initImgID() {var di = document.images; if (mustInitImg && di) { for (var i=0; i<di.length; i++) { if (!di[i].id) di[i].id=di[i].name; } mustInitImg = false;}}

function findElement(n,ly) {
   var d = document;
   if (browserVers < 4)      return d[n];
   if ((browserVers >= 6) && (d.getElementById)) {initImgID; return(d.getElementById(n))};
   var cd = ly ? ly.document : d;
   var elem = cd[n];
   if (!elem) {
      for (var i=0;i<cd.layers.length;i++) {
         elem = findElement(n,cd.layers[i]);
         if (elem) return elem;
      }
   }
   return elem;
}

function changeImagesArray(array) {
   if (preloadFlag == true) {
      var d = document; var img;
      for (i=0;i<array.length;i+=2) {
         img = null; var n = array[i];
         if (d.images) {
            if (d.layers) {img = findElement(n,0);}
            else {img = d.images[n];}
         }
         if (!img && d.getElementById) {img = d.getElementById(n);}
         if (!img && d.getElementsByName) {
            var elms = d.getElementsByName(n);
            if (elms) {
               for (j=0;j<elms.length;j++) {
                  if (elms[j].src) {img = elms[j]; break;}
               }
            }
         }
         if (img) {img.src = array[i+1];}
      }
   }
}


function changeImages() {
   changeImagesArray(changeImages.arguments);
}


// --></script>
      </csscriptdict>
      <csactiondict>
         <script type="text/javascript"><!--
CSSeqArray[CSSeqArray.length] = new CSSceneObj(/*CMP*/"s4",10,0,0,71,0,0,0,new Array(),new Array(new CSTrackObj(/*CMP*/"s1",0,0,new CSPartObj(new Array(70,0),new Array(-400,730,0,0,0,0,800,730,0,0,0,0),new Array(1,1),new Array(1,1),new Array(1,1))),
new CSTrackObj(/*CMP*/"s3",0,0,new CSPartObj(new Array(70,0),new Array(-400,730,0,0,0,0,598,730,0,0,0,0),new Array(2,2),new Array(1,1),new Array(1,1))),
new CSTrackObj(/*CMP*/"s2",0,0,new CSPartObj(new Array(70,0),new Array(-400,730,0,0,0,0,340,730,0,0,0,0),new Array(2,2),new Array(1,1),new Array(1,1))),
new CSTrackObj(/*CMP*/"s",0,0,new CSPartObj(new Array(70,0),new Array(-400,730,0,0,0,0,20,730,0,0,0,0),new Array(4,4),new Array(1,1),new Array(1,1)))));
CSInit[CSInit.length] = new Array(CSAutoStartScene,/*CMP*/'s4');
var preloadFlag = false;
function preloadImages() {
   if (document.images) {
      pre_logo2 = newImage('bilder/logo2.gif');
      pre_impressum2 = newImage('bilder/impressum2.gif');
      pre_gutschein2 = newImage('bilder/gutschein2.gif');
      pre_angebot2 = newImage('bilder/angebot2.gif');
      pre_beratung2 = newImage('bilder/beratung2.gif');
      pre_kontakt2 = newImage('bilder/kontakt2.gif');
      preloadFlag = true;
   }
}

// --></script>
      </csactiondict>
   </head>

   <body onload="CSScriptInit();preloadImages();" bgcolor="#ffffff" text="#286166" link="#286166" vlink="#286166" alink="#286166" leftmargin="0" marginwidth="0">
      <table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" background="bilder/back_start.gif" cool="cool" gridx="15" gridy="15" height="819" showgridx="showgridx" showgridy="showgridy">
         <tr height="13">
            <td width="999" height="13" colspan="9"></td>
            <td width="1" height="13"><spacer type="block" width="1" height="13"></td>
         </tr>
         <tr height="129">
            <td width="346" height="129" colspan="3"></td>
            <td width="347" height="129" colspan="3" valign="top" align="left" xpos="346"><a onmouseover="changeImages('logo','bilder/logo2.gif');return true" onmouseout="changeImages('logo','bilder/logo.gif');return true" href="index.html"><img id="logo" src="bilder/logo.gif" alt="" name="logo" height="110" width="304" border="0"></a></td>
            <td width="306" height="129" colspan="3"></td>
            <td width="1" height="129"><spacer type="block" width="1" height="129"></td>
         </tr>
         <tr height="210">
            <td width="30" height="210"></td>
            <td width="174" height="210" valign="top" align="left" xpos="30"><a href="index.html"><img id="start1" src="bilder/start1.gif" alt="" name="start1" height="22" width="131" border="0"></a></td>
            <td width="142" height="210" valign="top" align="left" xpos="204"><a onmouseover="changeImages('start2','bilder/beratung2.gif');return true" onmouseout="changeImages('start2','bilder/beratung3.gif');return true" href="beratung.html"><img id="start2" src="bilder/beratung3.gif" alt="" name="start2" height="22" width="120" border="0"></a></td>
            <td width="19" height="210"></td>
            <td width="154" height="210" valign="top" align="left" xpos="365"><a onmouseover="changeImages('start3','bilder/angebot2.gif');return true" onmouseout="changeImages('start3','bilder/angebot3.gif');return true" href="angebot.html"><img id="start3" src="bilder/angebot3.gif" alt="" name="start3" height="22" width="109" border="0"></a></td>
            <td width="174" height="210" valign="top" align="left" xpos="519"><a onmouseover="changeImages('start4','bilder/gutschein2.gif');return true" onmouseout="changeImages('start4','bilder/gutschein3.gif');return true" href="gutschein.html"><img id="start4" src="bilder/gutschein3.gif" alt="" name="start4" height="22" width="130" border="0"></a></td>
            <td width="102" height="210" valign="top" align="left" xpos="693"><a onmouseover="changeImages('start5','bilder/kontakt2.gif');return true" onmouseout="changeImages('start5','bilder/kontakt3.gif');return true" href="kontakt.html"><img id="start5" src="bilder/kontakt3.gif" alt="" name="start5" height="22" width="102" border="0"></a></td>
            <td width="41" height="210"></td>
            <td width="163" height="210" valign="top" align="left" xpos="836"><a onmouseover="changeImages('start6','bilder/impressum2.gif');return true" onmouseout="changeImages('start6','bilder/impressum3.gif');return true" href="impressum.html"><img id="start6" src="bilder/impressum3.gif" alt="" name="start6" height="22" width="140" border="0"></a></td>
            <td width="1" height="210"><spacer type="block" width="1" height="210"></td>
         </tr>
         <tr height="466">
            <td width="346" height="466" colspan="3"></td>
            <td content="content" csheight="307" width="449" height="466" colspan="4" valign="top" xpos="346"><font size="3" color="#737373" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">ZYX:<br>
               </font>
               <p><font size="3" color="#737373" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">· XYZ</font></p>
               <p><font size="3" color="#737373" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">· XYZ</font></p>
               <p><font size="3" color="#737373" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">· XYZ</font></p>
               <p><font size="3" color="#737373" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">· XYZ</font></p>
               <p><font size="3" color="#737373" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">· XYZ<br>
                  </font></p>
               <p><font size="3" color="#737373" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">XYZ</font></p>
            </td>
            <td width="204" height="466" colspan="2"></td>
            <td width="1" height="466"><spacer type="block" width="1" height="466"></td>
         </tr>
         <tr height="1" cntrlrow="cntrlrow">
            <td width="30" height="1"><spacer type="block" width="30" height="1"></td>
            <td width="174" height="1"><spacer type="block" width="174" height="1"></td>
            <td width="142" height="1"><spacer type="block" width="142" height="1"></td>
            <td width="19" height="1"><spacer type="block" width="19" height="1"></td>
            <td width="154" height="1"><spacer type="block" width="154" height="1"></td>
            <td width="174" height="1"><spacer type="block" width="174" height="1"></td>
            <td width="102" height="1"><spacer type="block" width="102" height="1"></td>
            <td width="41" height="1"><spacer type="block" width="41" height="1"></td>
            <td width="163" height="1"><spacer type="block" width="163" height="1"></td>
            <td width="1" height="1"></td>
         </tr>
      </table>
      <div id="s1">
         <img src="bilder/s4.gif" alt="" width="199" height="56" border="0"></div>
      <div id="s3">
         <img src="bilder/s3.gif" alt="" width="186" height="56" border="0"></div>
      <div id="s2">
         <img src="bilder/s2.gif" alt="" width="244" height="56" border="0"></div>
      <div id="s">
         <img src="bilder/s1.gif" alt="" width="307" height="56" border="0"></div>
      <p></p>
   </body>

</html>


//edit by Smooth-Graphics: Bitte BB-Codes verwenden zur Codeformatierung.


Zuletzt bearbeitet von Smooth-Graphics am Do 22.07.2010 14:34, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 22.07.2010 12:55
Titel

Antworten mit Zitat Zum Seitenanfang

Nee sorry so nicht. Ich habe wirklich keine Lust diesen unformatierten Quellcode zu durchwühlen.

Bitte poste den Link zum Bsp.
  View user's profile Private Nachricht senden
galaktika123
Threadersteller

Dabei seit: 28.05.2009
Ort: -
Alter: 44
Geschlecht: Weiblich
Verfasst Do 22.07.2010 13:16
Titel

Antworten mit Zitat Zum Seitenanfang

Sorry, ist das besser?
http://www.file-upload.net/download-2690059/index.html.html

Oder wo könnte ich die Seite kostenlos hochladen, damit man sie sich im Browser anschauen kann?
Danke, danke, danke * Ich bin unwürdig *


Zuletzt bearbeitet von galaktika123 am Do 22.07.2010 13:28, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 22.07.2010 13:36
Titel

Antworten mit Zitat Zum Seitenanfang

Webhosting for free

http://tinyurl.com/pbkppm
  View user's profile Private Nachricht senden
galaktika123
Threadersteller

Dabei seit: 28.05.2009
Ort: -
Alter: 44
Geschlecht: Weiblich
Verfasst Do 22.07.2010 14:18
Titel

Antworten mit Zitat Zum Seitenanfang

Aha, ich hatte nach "kostenlosem upload" gesucht. Aber dank Dir habe ich nun das Richtige gefunden und eingerichtet http://nonprint.co.de/

Du bist ein Schatz * Ja, ja, ja... *
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 22.07.2010 14:25
Titel

Antworten mit Zitat Zum Seitenanfang

Pack die DIVs die die Images halten in einen wrapper den Du Horizontal Mittig ausrichtest.

HTML

Code:
<div id="wrapper">
  <div id="s1">
    <img src="bilder/s4.gif" alt="" width="199" height="56" border="0">
  </div>
  <div id="s3">
    <img src="bilder/s3.gif" alt="" width="186" height="56" border="0">
  </div>
  <div id="s2">
    <img src="bilder/s2.gif" alt="" width="244" height="56" border="0">
  </div>
  <div id="s">
    <img src="bilder/s1.gif" alt="" width="307" height="56" border="0">
  </div>
</div>



CSS

Code:
div#wrapper {
  position:relative;
  margin:0 auto;
  width:1000px;
}


So kann das ungefähr aussehen.Natürlich mußt Du die Top und Left Werte der DIVs entfernen. Pass diese mittels Margin an.


Zuletzt bearbeitet von Kash am Do 22.07.2010 14:26, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen GoLive CS, Mehrere Ebenen zentrieren? Wie?
Golive Cs2 - zwei ebenen mit raster zentrieren
GoLive Raster ohne weißen Rand oder Head-Bild zentrieren?
Animation in Photoshop und Golive CS2?
Lightbox in GoLive - Keine Animation bei Bilderöffnung
XML und DHTML?!?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.