✔ Website immer mittig

Tanis · 8. August 2006

Hallo Leute,

sicher eine neverending Story, aber ich muß es jetzt wissen. Ich habe eine Seite gebaut, die wird immer mittig angezeigt. Selbige lautet http://www.camelot-design.de und nun hat mich schon der dritte gefragt, wie ich das angestellt habe. Mein Problem ist, dass ich es nicht mehr weiß und anhand des Quelltextes nicht rekonstruieren kann. Das ist nicht nur doof, das ärgert mich auch ungemein,

Daher wäre ich dankbar, wenn mir wer verraten könnte, wie ich das hinbekommen habe, denn jegliche Versuche, dies neu zu erstellen, sind bis jetzt fehlgeschlagen.

Bitte helft mir und sagt mir, was es ist das es ist.

Grüße
Sebastian

HTML:

<html>
<head>
<title>[camelot-design]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Bilder/main_04-over.gif','Bilder/main_05-over.gif','Bilder/main_06-over.gif','Bilder/main_10-over.gif','Bilder/main_11-over.gif','Bilder/main_12-over.gif','Bilder/main_13-over.gif','Bilder/main_15-over.gif','Bilder/main_16-over.gif','Bilder/main_17-over.gif','Bilder/main_18-over.gif')">
<!-- ImageReady Slices (index.psd) -->
<table width="100%" height="100%" >
  <tr>
    <td><table width="800" height="400" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
      <tr>
        <td><table width="800" height="400" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
          <tr>
            <td> <img src="Bilder/main_01.gif" width="150" height="14" alt=""></td>
            <td width="500" rowspan="17" background="Bilder/main_02.gif"><table width="500" height="400">
              <tr>
                <td valign="top"><br>                  <table width="460" border="0" align="center">
                  <tr>
                    <td><div align="justify" class="Stil2">
                        <p align="left"><font size="2" face="Arial, Helvetica, sans-serif">Willkommen auf [camelot-design], dem Portal f&uuml;r gutes Webdesign aus Berlin.<br>
                          <br>
                       Hier erhalten sie alles rund ums Internet. Sei es eine eigene Seite, oder Hilfe beim Suchen vom g&uuml;nsigsten Angebot eines Produktes oder aber auch die Hilfe beim Computerkauf und Einrichten desselben.
                       <br>
                       <br>
                       Schauen Sie Sich in Ruhe um und wenn wir Ihr Interesse wecken konnten, wenden Sie Sich doch einfach unverbindlich &uuml;ber den Punkt Kontakt bei uns.
                       <br>
                       <br>
                       Mit freundlichen Gr&uuml;&szlig;en<br>
                       <em>Sebastian K&uuml;ster</em></font></p>
                        </div></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
            <td width="150" rowspan="17" background="Bilder/main_03.gif">&nbsp; </td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_04', 'Bilder/main_04-over.gif'); return true;"
				onmouseout="changeImages('main_04', 'Bilder/main_04.gif'); return true;"
				onmousedown="changeImages('main_04', 'Bilder/main_04-over.gif'); return true;"
				onmouseup="changeImages('main_04', 'Bilder/main_04-over.gif'); return true;"> </a><a href="main.html" target="_self" onMouseOver="MM_swapImage('Image19','','Bilder/main_04-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_04.gif" name="Image19" width="150" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_05', 'Bilder/main_05-over.gif'); return true;"
				onmouseout="changeImages('main_05', 'Bilder/main_05.gif'); return true;"
				onmousedown="changeImages('main_05', 'Bilder/main_05-over.gif'); return true;"
				onmouseup="changeImages('main_05', 'Bilder/main_05-over.gif'); return true;"> </a><a href="person.html" target="_self" onMouseOver="MM_swapImage('Image20','','Bilder/main_05-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_05.gif" name="Image20" width="150" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_06', 'Bilder/main_06-over.gif'); return true;"
				onmouseout="changeImages('main_06', 'Bilder/main_06.gif'); return true;"
				onmousedown="changeImages('main_06', 'Bilder/main_06-over.gif'); return true;"
				onmouseup="changeImages('main_06', 'Bilder/main_06-over.gif'); return true;"> </a><a href="teamwork.html" target="_self" onMouseOver="MM_swapImage('Image21','','Bilder/main_06-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_06.gif" name="Image21" width="150" height="22" border="0"></a></td>
          </tr>
          <tr>
            <td> <img src="Bilder/main_07.gif" width="150" height="12" alt=""></td>
          </tr>
          <tr>
            <td> <img src="Bilder/main_08.gif" width="150" height="102" alt=""></td>
          </tr>
          <tr>
            <td> <img src="Bilder/main_09.gif" width="150" height="10" alt=""></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_10', 'Bilder/main_10-over.gif'); return true;"
				onmouseout="changeImages('main_10', 'Bilder/main_10.gif'); return true;"
				onmousedown="changeImages('main_10', 'Bilder/main_10-over.gif'); return true;"
				onmouseup="changeImages('main_10', 'Bilder/main_10-over.gif'); return true;"> </a><a href="webdesign.html" target="_self" onMouseOver="MM_swapImage('Image17','','Bilder/main_10-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_10.gif" name="Image17" width="150" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_11', 'Bilder/main_11-over.gif'); return true;"
				onmouseout="changeImages('main_11', 'Bilder/main_11.gif'); return true;"
				onmousedown="changeImages('main_11', 'Bilder/main_11-over.gif'); return true;"
				onmouseup="changeImages('main_11', 'Bilder/main_11-over.gif'); return true;"> </a><a href="screendesign.html" target="_self" onMouseOver="MM_swapImage('Image18','','Bilder/main_11-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_11.gif" name="Image18" width="150" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_12', 'Bilder/main_12-over.gif'); return true;"
				onmouseout="changeImages('main_12', 'Bilder/main_12.gif'); return true;"
				onmousedown="changeImages('main_12', 'Bilder/main_12-over.gif'); return true;"
				onmouseup="changeImages('main_12', 'Bilder/main_12-over.gif'); return true;"> </a><a href="printmedien.html" target="_self" onMouseOver="MM_swapImage('Image22','','Bilder/main_12-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_12.gif" name="Image22" width="150" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_13', 'Bilder/main_13-over.gif'); return true;"
				onmouseout="changeImages('main_13', 'Bilder/main_13.gif'); return true;"
				onmousedown="changeImages('main_13', 'Bilder/main_13-over.gif'); return true;"
				onmouseup="changeImages('main_13', 'Bilder/main_13-over.gif'); return true;"> </a><a href="netservice.html" target="_self" onMouseOver="MM_swapImage('Image23','','Bilder/main_13-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_13.gif" name="Image23" width="150" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td> <img src="Bilder/main_14.gif" width="150" height="20" alt=""></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_15', 'Bilder/main_15-over.gif'); return true;"
				onmouseout="changeImages('main_15', 'Bilder/main_15.gif'); return true;"
				onmousedown="changeImages('main_15', 'Bilder/main_15-over.gif'); return true;"
				onmouseup="changeImages('main_15', 'Bilder/main_15-over.gif'); return true;"> </a><a href="referenzen.html" target="_self" onMouseOver="MM_swapImage('Image24','','Bilder/main_15-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_15.gif" name="Image24" width="150" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_16', 'Bilder/main_16-over.gif'); return true;"
				onmouseout="changeImages('main_16', 'Bilder/main_16.gif'); return true;"
				onmousedown="changeImages('main_16', 'Bilder/main_16-over.gif'); return true;"
				onmouseup="changeImages('main_16', 'Bilder/main_16-over.gif'); return true;"> </a><a href="kontakt.html" target="_self" onMouseOver="MM_swapImage('Image25','','Bilder/main_16-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_16.gif" name="Image25" width="150" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_17', 'Bilder/main_17-over.gif'); return true;"
				onmouseout="changeImages('main_17', 'Bilder/main_17.gif'); return true;"
				onmousedown="changeImages('main_17', 'Bilder/main_17-over.gif'); return true;"
				onmouseup="changeImages('main_17', 'Bilder/main_17-over.gif'); return true;"> </a><a href="linkliste.html" target="_self" onMouseOver="MM_swapImage('Image26','','Bilder/main_17-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_17.gif" name="Image26" width="150" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td> <a href="#"
				onmouseover="changeImages('main_18', 'Bilder/main_18-over.gif'); return true;"
				onmouseout="changeImages('main_18', 'Bilder/main_18.gif'); return true;"
				onmousedown="changeImages('main_18', 'Bilder/main_18-over.gif'); return true;"
				onmouseup="changeImages('main_18', 'Bilder/main_18-over.gif'); return true;"> </a><a href="impressum.html" target="_self" onMouseOver="MM_swapImage('Image27','','Bilder/main_18-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Bilder/main_18.gif" name="Image27" width="150" height="21" border="0"></a></td>
          </tr>
          <tr>
            <td> <img src="Bilder/main_19.gif" width="150" height="19" alt=""></td>
          </tr>
        </table></td>
      </tr>
    </table>    <table width="800" align="center">
      <tr>
        <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif">&copy; 2002-2005 [camelot-design]</font></div></td>
      </tr>
    </table></td>
  </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

cheops · 8. August 2006

Hallo.

Du weißt es nicht mehr? In solch einem Fall verwendet man Kommentare...

Wenn ich den Code richtig verstehe durch die verschalteten Tabellen (width="100%", height="100%") und die align="center"-Angaben.

Gruß.

Maik · 8. August 2006

Die Tabellenzelle der ersten Tabelle zentriert den Inhalt als Voreinstellung vertikal, da hier nicht das Attribut valign (top, bottom) zum Einsatz kommt.

Die horizontale Zentrierung hast du durch das Attribut align="center" in der zweiten Tabelle erreicht.

Tanis · 9. August 2006

Vielen Dank, sollte damit geklärt sein und sorry, bin nicht so der Kommentar Schreiber, sollte ich mir vielleicht mal angewöhnen. Danke nochmal.

Grüße
Sebastian

✔ Website immer mittig

Tanis

Mitglied

cheops

Mitglied

Maik

Tanis

Mitglied

Neue Beiträge