Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „HP zentrieren und Hintergrund“

BaDDreaM

archisigner

Hey! Ho!

Bin neu in eurem forum und hoffe ihr könnt mir helfen !
hab folgendes problem:
ich betreibe eine clan-homepage die man mit "ILCH" managen kann.
das design änder ich über Dreamweaver. einen normalen monitor füllt die seite aus aber wenn man sie mit einen widescreen betrachtet ist sie immer linksbündig. rechts sieht man dann nen grauen Hintergrund.
kann mir jemand sagen wie ich alles mittig mache ? und vor allem wie ich den hintergrund ändern kann, ich seh den mit DW irgendwie nicht (liegt wohl daran,dass ich mich mit dem proggi auch nicht so gut auskenne)
:D hier ist die HP von der ich rede :
 

plastebaer

Vectorenverbieger

AW: HP zentrieren und Hintergrund

Hi BaDDreaM

um das ganze zu zentrieren nimmst du dies in die CSS-Datei
#global {
margin: auto; /*Randabstand automatisch einstellen*/
}

und in die HTML-Datei

machst du
<body>
preload...
<div id="global">
<table>......
</table>
</div>
</body>

wobei "global" nur ein Beispiel ist
nach margin könntest du auch noch Breite und Höhe festlegen für zum
Beispiel 1024x768 und bei <body> die Styles raus
 
Zuletzt bearbeitet:

BaDDreaM

archisigner

AW: HP zentrieren und Hintergrund

hey danke für die schnelle antwort !
vielleicht hätte ich erwähnen sollen, dass ich mich mit html/css nich auskenne:(
mit DW seh ich diesen code, soll das da irgendwo zwischen ?

Code:
[COLOR="Red"]<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="/include/designs/bf_2142_st/style.css">
<style type="text/css">
<!--
.Stil1 {
    font-size: 10px;
    color: #FFFFFF;
}
.Stil2 {color: #0A7AEB}
.Stil3 {color: #FF0000}
-->
</style>
<script 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('/include/designs/bf_2142_st/Bilder/button_02.jpg','/include/designs/bf_2142_st/Bilder/button_03.jpg','/include/designs/bf_2142_st/Bilder/button_04.jpg','/include/designs/bf_2142_st/Bilder/button_05.jpg','/include/designs/bf_2142_st/Bilder/button_06.jpg','/include/designs/bf_2142_st/Bilder/index_05.jpg')">
<table width="1025" height="601" border="0" cellpadding="0" cellspacing="0" background="/include/designs/bf_2142_st/Bilder/bg.jpg" id="Tabelle_01">[/COLOR]
    <tr>
        <td colspan="14">
            <img src="/include/designs/bf_2142_st/Bilder/index_01.jpg" width="906" height="12" alt=""></td>
        <td colspan="2">
            <a href="http://www.sir-taex.de"><img src="/include/designs/bf_2142_st/Bilder/index_02.jpg" alt="" width="118" height="12" border="0"></a></td>
        <td width="1">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
    </tr>
    <tr>
        <td colspan="16"><div align="left"><img src="../../../bf2142_st_index_03.jpg" width="1033" height="140"></div></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="140" alt=""></td>
    </tr>
    <tr>
        <td width="153" rowspan="3">
            <img src="/include/designs/bf_2142_st/Bilder/index_04.jpg" width="153" height="83" alt=""></td>
        <td colspan="2"><div align="left"><a href="?news" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image42','','/include/designs/bf_2142_st/Bilder/index_05.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_05.jpg" name="Image42" width="126" height="46" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image48','','/include/designs/bf_2142_st/Bilder/index_05.jpg',1)"></a></div></td>
        <td width="122"><a href="?forum" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image43','','/include/designs/bf_2142_st/Bilder/button_02.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_06.jpg" name="Image43" width="122" height="46" border="0"></a></td>
        <td colspan="3"><a href="?gbook" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image44','','/include/designs/bf_2142_st/Bilder/button_03.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_07.jpg" name="Image44" width="119" height="46" border="0"></a></td>
        <td width="118"><a href="?gallery" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image45','','/include/designs/bf_2142_st/Bilder/button_04.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_08.jpg" name="Image45" width="118" height="46" border="0"></a></td>
        <td colspan="2"><a href="?links" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image46','','/include/designs/bf_2142_st/Bilder/button_05.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_09.jpg" name="Image46" width="120" height="46" border="0"></a></td>
        <td colspan="2"><a href="?contact" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image47','','/include/designs/bf_2142_st/Bilder/button_06.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_10.jpg" name="Image47" width="98" height="46" border="0"></a></td>
        <td colspan="4" rowspan="2">
            <img src="/include/designs/bf_2142_st/Bilder/index_11.jpg" width="177" height="64" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="46" alt=""></td>
    </tr>
    <tr>
        <td width="70">
            <img src="/include/designs/bf_2142_st/Bilder/index_12.jpg" width="72" height="18" alt=""></td>
        <td colspan="9" background="/include/designs/bf_2142_st/Bilder/index_13.jpg"><table width="564" border="0">
          <tr>
            <td><marquee scrollamount="04">
        | <a href="http://www.sir-taex.de" class="Stil3"></a>  Dies ist die Homepage vom ultimativen "YO! SQUAD" - we gonna kick your ass ! -
            </marquee></td>
          </tr>
        </table></td>
        <td width="56">
            <img src="/include/designs/bf_2142_st/Bilder/index_14.jpg" width="56" height="18" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td colspan="8" rowspan="2">
            <img src="/include/designs/bf_2142_st/Bilder/index_15.jpg" width="574" height="32" alt=""></td>
      <td colspan="4" rowspan="4" valign="top"><table width="156" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="126" valign="middle" background="/include/designs/bf_2142_st/Bilder/index_16.jpg"><table width="142" border="0" align="center">
              <tr>
                <td><div align="center">
                  <object type="application/x-shockwave-flash" data="emff_standard.swf?src=welcome.mp3&amp;autostart=no" width="110" height="34">
                    <param name="movie" value="emff_standard.swf?src=welcome.mp3&amp;autostart=yes">
                    <param name="quality" value="high">
                    <param name="wmode" value="transparent">
                    </object>
                </div></td>
              </tr>
            </table></td>
          </tr>
        </table>
        <img src="../../../SYOTBS.jpg" width="155" height="108"></td>
        <td colspan="3">
            <img src="/include/designs/bf_2142_st/Bilder/index_17.jpg" width="149" height="19" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="19" alt=""></td>
    </tr>
    <tr>
      <td rowspan="4" valign="top" background="/include/designs/bf_2142_st/Bilder/index_18.jpg"><table width="141" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td height="43" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_01.jpg">{_list_menunr1@</td>
          </tr>
          <tr>
            <td height="27" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_02.jpg"><table width="100" border="0" align="center">
              <tr>
                <td><div align="center">%1</div></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_03.jpg"><table width="100" border="0" align="center">
              <tr>
                <td><p>%2</p>                </td>
              </tr>
            </table>
            }            </td>
          </tr>
          <tr>
            <td height="61" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_04.jpg">&nbsp;</td>
          </tr>
        </table>
        <p align="center"><a href="http://pp-media-shop.com/clanboerse/include.php?path=toplist/in.php&id=130"><img width="88" height="31" src="http://www.pp-media-shop.com/clanboerse/top_100.jpg" border="0"></a></p>
        <p align="center"><img src="../../../xfirelogo Kopie.jpg" width="104" height="80"></p>
        <p><a href="http://www.blogd.de" target="_blank"></a></p>
        <p>&nbsp;</p></td>

      <td colspan="2" rowspan="4" valign="top" background="/include/designs/bf_2142_st/Bilder/index_19.jpg"><table width="139" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td height="46" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_01.jpg">{_list_menunr2@</td>
          </tr>
          <tr>
            <td height="26" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_02.jpg"><table width="100" border="0" align="center">
              <tr>
                <td><div align="center">%1</div></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_03.jpg"><table width="100" border="0" align="center">
              <tr>
                <td><p>%2</p></td>
              </tr>
            </table>
            }            </td>
          </tr>
          <tr>
            <td height="65" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_04.jpg">&nbsp;</td>
          </tr>
        </table>
        <div align="center"></div>
        <p align="center"><a href="http://www.clan2clan.de/index.php?ct=076&id=913"><img src="http://www.clan2clan.de/bca_image.php?id=913" alt="Best Clanpage Award - Jetzt voten!" width="100" height="150" border="0" align="middle"></a></p>
        <p align="center">
          <a href="http://www.clan2clan.de/index.php?ct=076&id=913"><img src="../../../../nocheat.gif" width="137" height="120"></a>
          <a href="http://www.tsviewer.com/index.php?page=ts_viewer&ID=20391" target="_blank"><img src="http://www.tsviewer.com/promotion/dynamic_sig/sig.php/clan150x19_bf2142/20391.png" alt="Teamspeak Gratis TeamSpeak Server" width="144" border="0" title="Teamspeak Gratis TeamSpeak Server" /></a>        </p>
        <p>
          <iframe frameborder="0" align="center" scrolling="auto" marginheight="0" marginwidth="0" vspace="0" hspace="0"  src="http://status.hlstats.net/tsd.php?ip=91.184.38.193&port=8767&qport=51234&bg=333333&text=FFFFFF" width="144" height="300"></iframe>
        </p>
        <p>&nbsp;</p></td>
        <td width="3" rowspan="4">
            <img src="/include/designs/bf_2142_st/Bilder/index_20.jpg" width="3" height="365" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" valign="top" background="/include/designs/bf_2142_st/Bilder/index_21.jpg"><table width="220" border="0" align="center">
          <tr>
            <td><div align="center"><img src="../../../logo4.jpg" width="222" height="174"></div></td>
          </tr>
        </table></td>
        <td width="42" valign="top" background="/include/designs/bf_2142_st/Bilder/index_22.jpg">&nbsp;</td>
        <td colspan="3" valign="top" background="/include/designs/bf_2142_st/Bilder/index_23.jpg"><table width="209" border="0" align="center">
          <tr>
            <td>{_boxes_lastforum}</td>
          </tr>
        </table></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="70" alt=""></td>
    </tr>
    <tr>
        <td colspan="8"><table width="567" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><img src="/include/designs/bf_2142_st/Bilder/index_24.jpg" width="574"></td>
          </tr>
        </table></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="24" alt=""></td>
    </tr>
    <tr>
      <td colspan="12" valign="top" background="/include/designs/bf_2142_st/Bilder/index_26.jpg"><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td height="54" valign="middle" background="/include/designs/bf_2142_st/Bilder/content_01.jpg">&nbsp;</td>
          </tr>
          <tr>
            <td valign="top" background="/include/designs/bf_2142_st/Bilder/content_02.jpg"><table width="617" border="0" align="center">
              <tr>
                <td>{EXPLODE}</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="49" valign="top" background="/include/designs/bf_2142_st/Bilder/content_03.jpg">&nbsp;</td>
          </tr>
      </table>
        <div align="center">
          <p><img src="../../../BANNER2.jpg" width="468" height="60"></p>
          <p><img src="../../../BANNER4.jpg" width="468" height="60"></p>
          <p><img src="../../../BANNER3.jpg" width="468" height="60"></p>
        </div>
        <div align="center"></div>
        <div align="center"><img src="../../../yooooooobesvh.png" width="472" height="58">
        </div>
      <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="258" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="152" height="1" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="69" height="1" alt=""></td>
        <td width="54">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="54" height="1" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="118" height="1" alt=""></td>
        <td width="21">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="21" height="1" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="42" height="1" alt=""></td>
        <td width="56">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="56" height="1" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="117" height="1" alt=""></td>
        <td width="90">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="90" height="1" alt=""></td>
        <td width="30">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="30" height="1" alt=""></td>
        <td width="42">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="42" height="1" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="56" height="1" alt=""></td>
        <td width="28">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="28" height="1" alt=""></td>
        <td width="31">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="31" height="1" alt=""></td>
        <td width="115">
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="115" height="1" alt=""></td>
        <td>
            <img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="3" height="1" alt=""></td>
        <td></td>
    </tr>
[COLOR="Red"]</table>
</body>
</html>[/COLOR]
<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
{_list_vmenubegi@<ul>}
{_list_vmenuende@</ul>}
 
Zuletzt bearbeitet von einem Moderator:

Herr_D

offline

AW: HP zentrieren und Hintergrund

Das Rote in deinem Code durch folgendes ersetzen:


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="/include/designs/bf_2142_st/style.css">
<script 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>


<style type="text/css">
<!--
body{
text-align:center;
margin: 0; padding: 0;
background-color:#ffffff;
}

#zentrum{
text-align:left;
margin:auto;
width:1026px;}

.Stil1 {
font-size: 10px;
color: #FFFFFF;
}
.Stil2 {color: #0A7AEB}
.Stil3 {color: #FF0000}
-->
</style>
</head>
<body onLoad="MM_preloadImages('/include/designs/bf_2142_st/Bilder/button_02.jpg','/include/designs/bf_2142_st/Bilder/button_03.jpg','/include/designs/bf_2142_st/Bilder/button_04.jpg','/include/designs/bf_2142_st/Bilder/button_05.jpg','/include/designs/bf_2142_st/Bilder/button_06.jpg','/include/designs/bf_2142_st/Bilder/index_05.jpg')">

<div id="zentrum">
<table width="1025" height="601" border="0" cellpadding="0" cellspacing="0" background="/include/designs/bf_2142_st/Bilder/bg.jpg" id="Tabelle_01">

...

</table>
</div>
</body>
</html>
 

BaDDreaM

archisigner

AW: HP zentrieren und Hintergrund

tausend dank HERR_D !
genauso eine antwort brauche ich :)
hab das rote gelöscht und deinen code da reinkopiert aber irgendwas ist nicht ganz richtig. mein entwurf verschwindet bei DW und wenn ich das hochlade gehts auch nicht. hab ich was übersehen oder hab ich deinen code faltsch eingefügt?
achja, danke für den postedit!
 

Herr_D

offline

AW: HP zentrieren und Hintergrund

Probier den mal... ich hab keine Zeit jetzt zu guggn, ob irgendwo n Zeichen fehlt...


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

<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<link rel="stylesheet" type="text/css" href="/include/designs/bf_2142_st/style.css">
		<script 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>
		<style type="text/css">
<!--
body{
text-align:center;
margin: 0; padding: 0;
background-color:#ffffff;
}

#zentrum{
text-align:left;
margin:auto;
width:1026px;}

.Stil1 {
font-size: 10px;
color: #FFFFFF;
}
.Stil2 {color: #0A7AEB}
.Stil3 {color: #FF0000}
-->
</style>
	</head>

	<body onload="MM_preloadImages('/include/designs/bf_2142_st/Bilder/button_02.jpg','/include/designs/bf_2142_st/Bilder/button_03.jpg','/include/designs/bf_2142_st/Bilder/button_04.jpg','/include/designs/bf_2142_st/Bilder/button_05.jpg','/include/designs/bf_2142_st/Bilder/button_06.jpg','/include/designs/bf_2142_st/Bilder/index_05.jpg')">
		<div id="zentrum">
			<table width="1025" height="601" border="0" cellpadding="0" cellspacing="0" background="/include/designs/bf_2142_st/Bilder/bg.jpg" id="Tabelle_01">
				<tr>
					<td colspan="14"><img src="/include/designs/bf_2142_st/Bilder/index_01.jpg" width="906" height="12" alt=""></td>
					<td colspan="2"><a href="http://www.sir-taex.de"><img src="/include/designs/bf_2142_st/Bilder/index_02.jpg" alt="" width="118" height="12" border="0"></a></td>
					<td width="1"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
				</tr>
				<tr>
					<td colspan="16">
						<div align="left">
							<img src="../../../bf2142_st_index_03.jpg" width="1033" height="140"></div>
					</td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="140" alt=""></td>
				</tr>
				<tr>
					<td width="153" rowspan="3"><img src="/include/designs/bf_2142_st/Bilder/index_04.jpg" width="153" height="83" alt=""></td>
					<td colspan="2">
						<div align="left">
							<a href="?news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image42','','/include/designs/bf_2142_st/Bilder/index_05.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_05.jpg" name="Image42" width="126" height="46" border="0"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image48','','/include/designs/bf_2142_st/Bilder/index_05.jpg',1)"></a></div>
					</td>
					<td width="122"><a href="?forum" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image43','','/include/designs/bf_2142_st/Bilder/button_02.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_06.jpg" name="Image43" width="122" height="46" border="0"></a></td>
					<td colspan="3"><a href="?gbook" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image44','','/include/designs/bf_2142_st/Bilder/button_03.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_07.jpg" name="Image44" width="119" height="46" border="0"></a></td>
					<td width="118"><a href="?gallery" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image45','','/include/designs/bf_2142_st/Bilder/button_04.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_08.jpg" name="Image45" width="118" height="46" border="0"></a></td>
					<td colspan="2"><a href="?links" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image46','','/include/designs/bf_2142_st/Bilder/button_05.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_09.jpg" name="Image46" width="120" height="46" border="0"></a></td>
					<td colspan="2"><a href="?contact" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image47','','/include/designs/bf_2142_st/Bilder/button_06.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_10.jpg" name="Image47" width="98" height="46" border="0"></a></td>
					<td colspan="4" rowspan="2"><img src="/include/designs/bf_2142_st/Bilder/index_11.jpg" width="177" height="64" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="46" alt=""></td>
				</tr>
				<tr>
					<td width="70"><img src="/include/designs/bf_2142_st/Bilder/index_12.jpg" width="72" height="18" alt=""></td>
					<td colspan="9" background="/include/designs/bf_2142_st/Bilder/index_13.jpg">
						<table width="564" border="0">
							<tr>
								<td><marquee scrollamount="04">
										| <a href="http://www.sir-taex.de" class="Stil3"></a>Dies ist die Homepage vom ultimativen &quot;YO! SQUAD&quot; - we gonna kick your ass ! - 
									</marquee></td>
							</tr>
						</table>
					</td>
					<td width="56"><img src="/include/designs/bf_2142_st/Bilder/index_14.jpg" width="56" height="18" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="18" alt=""></td>
				</tr>
				<tr>
					<td colspan="8" rowspan="2"><img src="/include/designs/bf_2142_st/Bilder/index_15.jpg" width="574" height="32" alt=""></td>
					<td colspan="4" rowspan="4" valign="top">
						<table width="156" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td height="126" valign="middle" background="/include/designs/bf_2142_st/Bilder/index_16.jpg">
									<table width="142" border="0" align="center">
										<tr>
											<td>
												<div align="center">
													<object type="application/x-shockwave-flash" data="emff_standard.swf?src=welcome.mp3&amp;autostart=no" width="110" height="34">
														<param name="movie" value="emff_standard.swf?src=welcome.mp3&amp;autostart=yes">
														<param name="quality" value="high">
														<param name="wmode" value="transparent">
													</object></div>
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
						<img src="../../../SYOTBS.jpg" width="155" height="108"></td>
					<td colspan="3"><img src="/include/designs/bf_2142_st/Bilder/index_17.jpg" width="149" height="19" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="19" alt=""></td>
				</tr>
				<tr>
					<td rowspan="4" valign="top" background="/include/designs/bf_2142_st/Bilder/index_18.jpg">
						<table width="141" border="0" align="center" cellpadding="0" cellspacing="0">
							<tr>
								<td height="43" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_01.jpg">{_list_menunr1@</td>
							</tr>
							<tr>
								<td height="27" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_02.jpg">
									<table width="100" border="0" align="center">
										<tr>
											<td>
												<div align="center">
													%1</div>
											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_03.jpg">
									<table width="100" border="0" align="center">
										<tr>
											<td>
												<p>%2</p>
											</td>
										</tr>
									</table>
									}</td>
							</tr>
							<tr>
								<td height="61" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_04.jpg">&nbsp;</td>
							</tr>
						</table>
						<p align="center"><a href="http://pp-media-shop.com/clanboerse/include.php?path=toplist/in.php&id=130"><img width="88" height="31" src="http://www.pp-media-shop.com/clanboerse/top_100.jpg" border="0"></a></p>
						<p align="center"><img src="../../../xfirelogo Kopie.jpg" width="104" height="80"></p>
						<p><a href="http://www.blogd.de" target="_blank"></a></p>
						<p>&nbsp;</p>
					</td>
					<td colspan="2" rowspan="4" valign="top" background="/include/designs/bf_2142_st/Bilder/index_19.jpg">
						<table width="139" border="0" align="center" cellpadding="0" cellspacing="0">
							<tr>
								<td height="46" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_01.jpg">{_list_menunr2@</td>
							</tr>
							<tr>
								<td height="26" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_02.jpg">
									<table width="100" border="0" align="center">
										<tr>
											<td>
												<div align="center">
													%1</div>
											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_03.jpg">
									<table width="100" border="0" align="center">
										<tr>
											<td>
												<p>%2</p>
											</td>
										</tr>
									</table>
									}</td>
							</tr>
							<tr>
								<td height="65" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_04.jpg">&nbsp;</td>
							</tr>
						</table>
						<div align="center"></div>
						<p align="center"><a href="http://www.clan2clan.de/index.php?ct=076&id=913"><img src="http://www.clan2clan.de/bca_image.php?id=913" alt="Best Clanpage Award - Jetzt voten!" width="100" height="150" border="0" align="middle"></a></p>
						<p align="center"><a href="http://www.clan2clan.de/index.php?ct=076&id=913"><img src="../../../../nocheat.gif" width="137" height="120"></a> <a href="http://www.tsviewer.com/index.php?page=ts_viewer&ID=20391" target="_blank"><img src="http://www.tsviewer.com/promotion/dynamic_sig/sig.php/clan150x19_bf2142/20391.png" alt="Teamspeak Gratis TeamSpeak Server" width="144" border="0" title="Teamspeak Gratis TeamSpeak Server"></a></p>
						<p></p>
						<iframe frameborder="0" align="center" scrolling="auto" marginheight="0" marginwidth="0" vspace="0" hspace="0" src="http://status.hlstats.net/tsd.php?ip=91.184.38.193&port=8767&qport=51234&bg=333333&text=FFFFFF" width="144" height="300"></iframe>
						</p>
						<p>&nbsp;</p>
					</td>
					<td width="3" rowspan="4"><img src="/include/designs/bf_2142_st/Bilder/index_20.jpg" width="3" height="365" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="13" alt=""></td>
				</tr>
				<tr>
					<td colspan="4" valign="top" background="/include/designs/bf_2142_st/Bilder/index_21.jpg">
						<table width="220" border="0" align="center">
							<tr>
								<td>
									<div align="center">
										<img src="../../../logo4.jpg" width="222" height="174"></div>
								</td>
							</tr>
						</table>
					</td>
					<td width="42" valign="top" background="/include/designs/bf_2142_st/Bilder/index_22.jpg">&nbsp;</td>
					<td colspan="3" valign="top" background="/include/designs/bf_2142_st/Bilder/index_23.jpg">
						<table width="209" border="0" align="center">
							<tr>
								<td>{_boxes_lastforum}</td>
							</tr>
						</table>
					</td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="70" alt=""></td>
				</tr>
				<tr>
					<td colspan="8">
						<table width="567" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td><img src="/include/designs/bf_2142_st/Bilder/index_24.jpg" width="574"></td>
							</tr>
						</table>
					</td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="24" alt=""></td>
				</tr>
				<tr>
					<td colspan="12" valign="top" background="/include/designs/bf_2142_st/Bilder/index_26.jpg">
						<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
							<tr>
								<td height="54" valign="middle" background="/include/designs/bf_2142_st/Bilder/content_01.jpg">&nbsp;</td>
							</tr>
							<tr>
								<td valign="top" background="/include/designs/bf_2142_st/Bilder/content_02.jpg">
									<table width="617" border="0" align="center">
										<tr>
											<td>{EXPLODE}</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td height="49" valign="top" background="/include/designs/bf_2142_st/Bilder/content_03.jpg">&nbsp;</td>
							</tr>
						</table>
						<div align="center">
							<p><img src="../../../BANNER2.jpg" width="468" height="60"></p>
							<p><img src="../../../BANNER4.jpg" width="468" height="60"></p>
							<p><img src="../../../BANNER3.jpg" width="468" height="60"></p>
						</div>
						<div align="center"></div>
						<div align="center">
							<img src="../../../yooooooobesvh.png" width="472" height="58"></div>
					</td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="258" alt=""></td>
				</tr>
				<tr>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="152" height="1" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="69" height="1" alt=""></td>
					<td width="54"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="54" height="1" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="118" height="1" alt=""></td>
					<td width="21"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="21" height="1" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="42" height="1" alt=""></td>
					<td width="56"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="56" height="1" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="117" height="1" alt=""></td>
					<td width="90"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="90" height="1" alt=""></td>
					<td width="30"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="30" height="1" alt=""></td>
					<td width="42"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="42" height="1" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="56" height="1" alt=""></td>
					<td width="28"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="28" height="1" alt=""></td>
					<td width="31"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="31" height="1" alt=""></td>
					<td width="115"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="115" height="1" alt=""></td>
					<td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="3" height="1" alt=""></td>
					<td></td>
				</tr>
			</table>
		</div>
	</body>

</html>

<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->{_list_hmenupoint@
<li><a target="%1" class="box" href="%2">%3</a>|
|<br>
|</ul></li>} {_list_hmenubegi@
<ul>
	} {_list_hmenuende@
</ul>
} {_list_vmenupoint@
<li><a target="%1" class="box" href="%2">%3</a>|
|<br>
<ul>
	|
</ul>
</li>} {_list_vmenubegi@
<ul>
	} {_list_vmenuende@
</ul>
}
 
F

Fragor

Guest

AW: HP zentrieren und Hintergrund

einfach eine tabelle mit 100% breite machen, dort eine Zelle anlagen, den inhalt dieser zelle zentrieren und in die Zelle die Site rein...fertig
 

BaDDreaM

archisigner

AW: HP zentrieren und Hintergrund

also meine index.htm schaut jetzt so aus

PHP:
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link rel="stylesheet" type="text/css" href="/include/designs/bf_2142_st/style.css">
        <script 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>
        <style type="text/css">
<!--
body{
text-align:center;
margin: 0; padding: 0;
background-color:#ffffff;
}

#zentrum{
text-align:left;
margin:auto;
width:1026px;}

.Stil1 {
font-size: 10px;
color: #FFFFFF;
}
.Stil2 {color: #0A7AEB}
.Stil3 {color: #FF0000}
-->
</style>
    </head>

    <body onload="MM_preloadImages('/include/designs/bf_2142_st/Bilder/button_02.jpg','/include/designs/bf_2142_st/Bilder/button_03.jpg','/include/designs/bf_2142_st/Bilder/button_04.jpg','/include/designs/bf_2142_st/Bilder/button_05.jpg','/include/designs/bf_2142_st/Bilder/button_06.jpg','/include/designs/bf_2142_st/Bilder/index_05.jpg')">
        <div id="zentrum">
            <table width="1025" height="601" border="0" cellpadding="0" cellspacing="0" background="/include/designs/bf_2142_st/Bilder/bg.jpg" id="Tabelle_01">
                <tr>
                    <td colspan="14"><img src="/include/designs/bf_2142_st/Bilder/index_01.jpg" width="906" height="12" alt=""></td>
                    <td colspan="2"><a href="http://www.sir-taex.de"><img src="/include/designs/bf_2142_st/Bilder/index_02.jpg" alt="" width="118" height="12" border="0"></a></td>
                    <td width="1"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
                </tr>
                <tr>
                    <td colspan="16">
                        <div align="left">
                            <img src="../../../bf2142_st_index_03.jpg" width="1033" height="140"></div>
                    </td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="140" alt=""></td>
                </tr>
                <tr>
                    <td width="153" rowspan="3"><img src="/include/designs/bf_2142_st/Bilder/index_04.jpg" width="153" height="83" alt=""></td>
                    <td colspan="2">
                        <div align="left">
                            <a href="?news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image42','','/include/designs/bf_2142_st/Bilder/index_05.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_05.jpg" name="Image42" width="126" height="46" border="0"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image48','','/include/designs/bf_2142_st/Bilder/index_05.jpg',1)"></a></div>
                    </td>
                    <td width="122"><a href="?forum" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image43','','/include/designs/bf_2142_st/Bilder/button_02.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_06.jpg" name="Image43" width="122" height="46" border="0"></a></td>
                    <td colspan="3"><a href="?gbook" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image44','','/include/designs/bf_2142_st/Bilder/button_03.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_07.jpg" name="Image44" width="119" height="46" border="0"></a></td>
                    <td width="118"><a href="?gallery" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image45','','/include/designs/bf_2142_st/Bilder/button_04.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_08.jpg" name="Image45" width="118" height="46" border="0"></a></td>
                    <td colspan="2"><a href="?links" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image46','','/include/designs/bf_2142_st/Bilder/button_05.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_09.jpg" name="Image46" width="120" height="46" border="0"></a></td>
                    <td colspan="2"><a href="?contact" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image47','','/include/designs/bf_2142_st/Bilder/button_06.jpg',1)"><img src="/include/designs/bf_2142_st/Bilder/index_10.jpg" name="Image47" width="98" height="46" border="0"></a></td>
                    <td colspan="4" rowspan="2"><img src="/include/designs/bf_2142_st/Bilder/index_11.jpg" width="177" height="64" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="46" alt=""></td>
                </tr>
                <tr>
                    <td width="70"><img src="/include/designs/bf_2142_st/Bilder/index_12.jpg" width="72" height="18" alt=""></td>
                    <td colspan="9" background="/include/designs/bf_2142_st/Bilder/index_13.jpg">
                        <table width="564" border="0">
                            <tr>
                                <td><marquee scrollamount="04">
                                        | <a href="http://www.sir-taex.de" class="Stil3"></a>Dies ist die Homepage vom ultimativen &quot;YO! SQUAD&quot; - we gonna kick your ass ! - 
                                    </marquee></td>
                            </tr>
                        </table>
                    </td>
                    <td width="56"><img src="/include/designs/bf_2142_st/Bilder/index_14.jpg" width="56" height="18" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="18" alt=""></td>
                </tr>
                <tr>
                    <td colspan="8" rowspan="2"><img src="/include/designs/bf_2142_st/Bilder/index_15.jpg" width="574" height="32" alt=""></td>
                    <td colspan="4" rowspan="4" valign="top">
                        <table width="156" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="126" valign="middle" background="/include/designs/bf_2142_st/Bilder/index_16.jpg">
                                    <table width="142" border="0" align="center">
                                        <tr>
                                            <td>
                                                <div align="center">
                                                    <object type="application/x-shockwave-flash" data="emff_standard.swf?src=welcome.mp3&amp;autostart=no" width="110" height="34">
                                                        <param name="movie" value="emff_standard.swf?src=welcome.mp3&amp;autostart=yes">
                                                        <param name="quality" value="high">
                                                        <param name="wmode" value="transparent">
                                                    </object></div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        <img src="../../../SYOTBS.jpg" width="155" height="108"></td>
                    <td colspan="3"><img src="/include/designs/bf_2142_st/Bilder/index_17.jpg" width="149" height="19" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="19" alt=""></td>
                </tr>
                <tr>
                    <td rowspan="4" valign="top" background="/include/designs/bf_2142_st/Bilder/index_18.jpg">
                        <table width="141" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td height="43" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_01.jpg">{_list_menunr1@</td>
                            </tr>
                            <tr>
                                <td height="27" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_02.jpg">
                                    <table width="100" border="0" align="center">
                                        <tr>
                                            <td>
                                                <div align="center">
                                                    %1</div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_03.jpg">
                                    <table width="100" border="0" align="center">
                                        <tr>
                                            <td>
                                                <p>%2</p>
                                            </td>
                                        </tr>
                                    </table>
                                    }</td>
                            </tr>
                            <tr>
                                <td height="61" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_links_04.jpg">&nbsp;</td>
                            </tr>
                        </table>
                        <p align="center"><a href="http://pp-media-shop.com/clanboerse/include.php?path=toplist/in.php&id=130"><img width="88" height="31" src="http://www.pp-media-shop.com/clanboerse/top_100.jpg" border="0"></a></p>
                        <p align="center"><img src="../../../xfirelogo Kopie.jpg" width="104" height="80"></p>
                        <p><a href="http://www.blogd.de" target="_blank"></a></p>
                        <p>&nbsp;</p>
                    </td>
                    <td colspan="2" rowspan="4" valign="top" background="/include/designs/bf_2142_st/Bilder/index_19.jpg">
                        <table width="139" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td height="46" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_01.jpg">{_list_menunr2@</td>
                            </tr>
                            <tr>
                                <td height="26" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_02.jpg">
                                    <table width="100" border="0" align="center">
                                        <tr>
                                            <td>
                                                <div align="center">
                                                    %1</div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_03.jpg">
                                    <table width="100" border="0" align="center">
                                        <tr>
                                            <td>
                                                <p>%2</p>
                                            </td>
                                        </tr>
                                    </table>
                                    }</td>
                            </tr>
                            <tr>
                                <td height="65" valign="top" background="/include/designs/bf_2142_st/Bilder/navibox_rechts_04.jpg">&nbsp;</td>
                            </tr>
                        </table>
                        <div align="center"></div>
                        <p align="center"><a href="http://www.clan2clan.de/index.php?ct=076&id=913"><img src="http://www.clan2clan.de/bca_image.php?id=913" alt="Best Clanpage Award - Jetzt voten!" width="100" height="150" border="0" align="middle"></a></p>
                        <p align="center"><a href="http://www.clan2clan.de/index.php?ct=076&id=913"><img src="../../../../nocheat.gif" width="137" height="120"></a> <a href="http://www.tsviewer.com/index.php?page=ts_viewer&ID=20391" target="_blank"><img src="http://www.tsviewer.com/promotion/dynamic_sig/sig.php/clan150x19_bf2142/20391.png" alt="Teamspeak Gratis TeamSpeak Server" width="144" border="0" title="Teamspeak Gratis TeamSpeak Server"></a></p>
                        <p></p>
                        <iframe frameborder="0" align="center" scrolling="auto" marginheight="0" marginwidth="0" vspace="0" hspace="0" src="http://status.hlstats.net/tsd.php?ip=91.184.38.193&port=8767&qport=51234&bg=333333&text=FFFFFF" width="144" height="300"></iframe>
                        </p>
                        <p>&nbsp;</p>
                    </td>
                    <td width="3" rowspan="4"><img src="/include/designs/bf_2142_st/Bilder/index_20.jpg" width="3" height="365" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="13" alt=""></td>
                </tr>
                <tr>
                    <td colspan="4" valign="top" background="/include/designs/bf_2142_st/Bilder/index_21.jpg">
                        <table width="220" border="0" align="center">
                            <tr>
                                <td>
                                    <div align="center">
                                        <img src="../../../logo4.jpg" width="222" height="174"></div>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="42" valign="top" background="/include/designs/bf_2142_st/Bilder/index_22.jpg">&nbsp;</td>
                    <td colspan="3" valign="top" background="/include/designs/bf_2142_st/Bilder/index_23.jpg">
                        <table width="209" border="0" align="center">
                            <tr>
                                <td>{_boxes_lastforum}</td>
                            </tr>
                        </table>
                    </td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="70" alt=""></td>
                </tr>
                <tr>
                    <td colspan="8">
                        <table width="567" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><img src="/include/designs/bf_2142_st/Bilder/index_24.jpg" width="574"></td>
                            </tr>
                        </table>
                    </td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="24" alt=""></td>
                </tr>
                <tr>
                    <td colspan="12" valign="top" background="/include/designs/bf_2142_st/Bilder/index_26.jpg">
                        <table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td height="54" valign="middle" background="/include/designs/bf_2142_st/Bilder/content_01.jpg">&nbsp;</td>
                            </tr>
                            <tr>
                                <td valign="top" background="/include/designs/bf_2142_st/Bilder/content_02.jpg">
                                    <table width="617" border="0" align="center">
                                        <tr>
                                            <td>{EXPLODE}</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td height="49" valign="top" background="/include/designs/bf_2142_st/Bilder/content_03.jpg">&nbsp;</td>
                            </tr>
                        </table>
                        <div align="center">
                            <p><img src="../../../BANNER2.jpg" width="468" height="60"></p>
                            <p><img src="../../../BANNER4.jpg" width="468" height="60"></p>
                            <p><img src="../../../BANNER3.jpg" width="468" height="60"></p>
                        </div>
                        <div align="center"></div>
                        <div align="center">
                            <img src="../../../yooooooobesvh.png" width="472" height="58"></div>
                    </td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="1" height="258" alt=""></td>
                </tr>
                <tr>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="152" height="1" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="69" height="1" alt=""></td>
                    <td width="54"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="54" height="1" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="118" height="1" alt=""></td>
                    <td width="21"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="21" height="1" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="42" height="1" alt=""></td>
                    <td width="56"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="56" height="1" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="117" height="1" alt=""></td>
                    <td width="90"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="90" height="1" alt=""></td>
                    <td width="30"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="30" height="1" alt=""></td>
                    <td width="42"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="42" height="1" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="56" height="1" alt=""></td>
                    <td width="28"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="28" height="1" alt=""></td>
                    <td width="31"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="31" height="1" alt=""></td>
                    <td width="115"><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="115" height="1" alt=""></td>
                    <td><img src="/include/designs/bf_2142_st/Bilder/Abstandhalter.gif" width="3" height="1" alt=""></td>
                    <td></td>
                </tr>
            </table>
        </div>
    </body>

</html>

<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->{_list_hmenupoint@
<li><a target="%1" class="box" href="%2">%3</a>|
|<br>
|</ul></li>} {_list_hmenubegi@
<ul>
    } {_list_hmenuende@
</ul>
} {_list_vmenupoint@
<li><a target="%1" class="box" href="%2">%3</a>|
|<br>
<ul>
    |
</ul>
</li>} {_list_vmenubegi@
<ul>
    } {_list_vmenuende@
</ul>
}
und die style.css sieht so aus:

PHP:
body 
{ 
  background-color: #333333;
}

.abg
{
}

td 
{
  font-family: Verdana; 
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  margin-left: auto; margin-right:auto;
}

a 
{ 
  color: #ffffff; 
  font-family: Tahoma; 
  font-size: 10px; 
  text-decoration: none;
}

a:hover 
{ 
  color: #2F5DDF;
  text-decoration: none;  
}

a.box 
{ 
  color: #ffffff; 
  font-family: Tahoma; 
  font-size: 10px; 
}

a.box:hover 
{  
  color: #2F5DDF;
  text-decoration: none;  
}

.Chead
{
  background-color: #;
  color: #808080;
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
  color: #808080;
}

.Callg
{
    color: #000000;
}

.Callg td
{
  color: #FFFFFF;
}

.Cnorm 
{
  background-color: #17191D;
}

.Cmite
{
  background-color: #;
}
.Cdark
{
}

#Ballg
{
    color: #333333;
}
#Ballg td
{
    color: #CC0000;
}

.Bhead
{
    color: #c0c0c0;
}

.Bbody
{
    color: #c0c0c0;
}

.Bbody2
{
    color: #ffffff;
}

.rand
{
}

.smalfont 
{ 
    font-size: 10px;
    text-decoration: none; 
}

.border 
{ 
    background-color: #333333;
}

hr 
{ 
    height: 0px; 
    border-top-width: 1px; 
}

input, textarea, select
{ 
    color: #;  
    font: 10px Tahoma;  
    border-color: #c0c0c0;
      border-width: 1px;
    border-style: solid;  
    font-weight: none;  
    text-decoration: none;  
}

#menu {}
#menu ul { padding-left: 0px; margin-left: 0px; }
#smallmenu { }
#smallmenu li { font-size: 9px; }
#smallmenu a { font-size: 9px; }

#main_col { 
  width: 456px; 
  float: left; 
  padding-top: 0px; 
  padding-left: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  clear: none; 
  min-height: px; 
  overflow: auto; 
}
:uhm: sieht da jemand nochn fehler ? scheint immer noch nicht zu gehn´
 

BaDDreaM

archisigner

AW: HP zentrieren und Hintergrund

aja, jetzt weiß ich wo das problem ist! ich benutze mozilla firefox als browser und da scheint es nich zu gehen... hab die seite mit IExplorer aufgemacht, geht !
hab die stimme eigentlich auch ausgemacht, da muss man eigentlich auf den player drücken, beim IExplorer geht sie immer an...
autostart=no
ist ja echtn ding, dass es am browser liegt. brauchen die etwa eigene befehle für bestimmte aktionen oder wie ?
 

knispel

Mediendesigner

AW: HP zentrieren und Hintergrund

Hi,

aja, jetzt weiß ich wo das problem ist! ich benutze mozilla firefox als browser und da scheint es nich zu gehen...
Wie kommst Du darauf, dass der FF das Problem ist? Du kannst diesen Browser nicht ignorieren!
Solltest vllt doch mal den doctype reinnehmen:
entweder
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
oder
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Außerdem solltest Du die Tabelle via CSS formatieren, z.B.
Code:
table
{
margin-left:auto;
margin-right:auto;
}
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.189
Beiträge
2.582.078
Mitglieder
67.258
Neuestes Mitglied
SaschMasch1312
Oben