ilch Forum » Allgemein » HTML, PHP, SQL,... » Mozilla Disign Problem

Geschlossen
  1. Mi. 10.10.2007 10:05 Uhr #1
    User Pic
    WeichKai Mitglied
    Registriert seit
    13.02.2007
    Beiträge
    65
    Beitragswertungen
    0 Beitragspunkte
    Frage wie bekomme ich diese HTML - Disign so hin das nicht nur der IE 6 das alles mittig zentriet setzt sondern auch ie 7.0 und Mozilla??? Hier mal die HTML

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script type="text/javascript" src="include/includes/js/BBCodeGlobal.js"></script>
    <script type="text/javascript" src="include/includes/js/interface.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Blue-Radio</title>
    <meta name="title" content="beta">
    <meta name="date" content="29.05.2007">
    <meta name="author" content="uD Psaicon, Dennis Gericke">
    <meta name="publisher" content="uD Psaicon,Dennis Gericke">
    <meta name="copyright" content="www.psaicon-designs.com">
    <meta name="keywords" content="Blue-Radio, Radio, Teamspeak, Gameserver, Gamerserverhosting">
    <meta name="description" content="Denn guter Sound ist Blau">
    <meta name="abstract" content="Denn guter Sound ist Blau">
    <meta name="page-topic" content="Blue-Radio">
    <meta name="page-topic" content="Blue Radio">
    <meta name="audience" content="alle">
    <meta name="robots" content="noindex,nofollow">
    <meta name="language" content="deutsch">
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="include/designs/beta/css/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>
    </head>
    <div align="center">
    <table width="1000" border="0" cellpadding="0" cellspacing="0" class="rand">
    <tr>
    <td align="left" valign="top"><img src="include/designs/beta/images/beta_01.gif" alt="header" width="1000" height="181" /></td>
    </tr>
    <tr>
    <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="205" class="nav_middlespacer"><img src="include/designs/beta/images/beta_02.gif" width="205" height="36" /></td>
    <td width="150"><a href="index.php?" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','include/designs/beta/images/home_top-over.jpg',1)"><img src="include/designs/beta/images/home_top.jpg" alt="Zur Startseite" name="home" width="150" height="36" border="0" id="home" /></a></td>
    <td width="72" <a href="index.php?" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','include/designs/beta/images/top_button-over.jpg',1)"><img src="include/designs/beta/images/top_button.jpg" alt="" name="" width="72" height="36" border="0" id="" /></a></td>
    <td width="146"><a href="index.php?werbung" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('wars','','include/designs/beta/images/wars_top-over.jpg',1)"><img src="include/designs/beta/images/wars_top.jpg" alt="Zur Warstatistik" name="wars" width="146" height="36" border="0" id="wars" /></a></td>
    <td width="72" <a href="index.php?" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','include/designs/beta/images/top_button-over.jpg',1)"><img src="include/designs/beta/images/top_button.jpg" alt="" name="" width="72" height="36" border="0" id="" /></a></td>
    <td width="150"><a href="index.php?gbook" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('gbook','','include/designs/beta/images/gbook_top-over.jpg',1)"><img src="include/designs/beta/images/gbook_top.jpg" alt="Zum G&auml;stebuch" name="gbook" width="150" height="36" border="0" id="gbook" /></a></td>
    <td width="205"><img src="include/designs/beta/images/beta_07.gif" width="205" height="36" /></td>
    </tr>
    </table></td>
    </tr>
    <tr class="rand">
    <td align="left" valign="top" class="body_spacer"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="205" align="left" valign="top"><div id="menulinks_abstand">
    <table width="205" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="205" height="32" background="include/designs/beta/images/beta_08.jpg">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top"><div id="login_abstand">{_boxes_login}</div></td>
    </tr>
    <tr>
    <td>{_list_menunr1@ </td>
    </tr>
    <tr>

    <td width="205" height="33" align="left" valign="top" background="include/designs/beta/images/beta_19.jpg"><div id="menulinks_ueberschrift">%1</div></td>
    </tr>
    <tr>
    <td><div id="menuinner_abstand">%2</div></td>
    </tr>
    <tr>
    <td>}</td>
    </tr>
    <tr>
    <td align="center" valign="top"><div align="center" id="matrixbanner">




    </div></td>
    </tr>
    </table>
    </div></td>
    <td width="590" height="20" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="590" height="20" background="include/designs/beta/images/beta_09.jpg">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top"><div id="explode">{EXPLODE}</div></td>
    </tr>
    <tr>
    <td width="590" height="12" class="contentpic_bottum">&nbsp;</td>
    <body onload="Carousel()">

    <body>
    <div align=center>
    <script type="text/javascript">

    /***********************************************
    * Carousel Slideshow script- © Ger Versluis 2003
    * Permission granted to DynamicDrive.com to feature script
    * This notice must stay intact for legal use
    * Visit externer Link for full source code
    ***********************************************/

    /********************************************************
    Create a div with transparent place holder in your html
    <div id="Carousel" style="position:relative">
    </div>
    placeholder width:
    4 sided: 1.42 * carousel image width + 3
    6 sided: 2 * carousel image width +4
    8 sided: 2.62 * carousel image width + 5
    12 sided: 3.87 * carousel image width + 7
    placeholder height:
    carousel image height+2

    Insert onload in body tag
    <body onload="Carousel()">
    *********************************************************/

    // 7 variables to control behavior
    var Car_Image_Width=180;
    var Car_Image_Height=135;
    var Car_Border=true; // true or false
    var Car_Border_Color="white";
    var Car_Speed=4;
    var Car_Direction=true; // true or false
    var Car_NoOfSides=8; // must be 4, 6, 8 or 12

    /* array to specify images and optional links.
    For 4 sided carousel specify at least 2 images
    For 6 sided carousel specify at least 3
    For 8 sided carousel specify at least 4
    For 12 sided carousel specify at least 6
    If Link is not needed keep it ""
    */
    Car_Image_Sources=new Array(
    "dj/Enaryklein.jpg","",
    "dj/Chipmunk.jpg","http://home.arcor.de/marioxl28/",
    "dj/Darky.jpg","http://www.freepler2.de/darky39/willkommen_47813393.html",
    "dj/Dudu.jpg","http://www.dj-dudu.beep.de",
    "dj/LogoJana.jpg","http://www.homepage1a.de",
    "dj/Milkaklein.jpg","",
    "dj/Sonic.jpg","http://www.sonics-dreamworld.de/",
    "dj/Supermario3.jpg","http://home.arcor.de/marioxl28/",
    "dj/Zoddel.jpg","http://zoddel.blue-radio.eu",
    "dj/Trixxklein.jpg","http://www.djtrixx.com/",
    "dj/Ludder.jpg","http://djludderbluefalter.12see.de/",
    "dj/Xera.jpg","",
    "dj/Wobiklein.jpg","http://daniel25.repage7.de",
    "dj/tintyklein.jpg","",
    "dj/Wildrose.jpg","http://wildrose.blue-radio.eu/" // NOTE No comma after last line
    );

    /***************** DO NOT EDIT BELOW **********************************/
    CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
    C_Coef=new Array(
    3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,
    Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
    var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
    C_Pre_Img=new Array(Car_Image_Sources.length);
    var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
    C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

    function Carousel(){
    if(document.getElementById){
    for(i=0;i<Car_Image_Sources.length;i+=2){
    C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}
    C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
    Car_Div=document.getElementById("Carousel");
    for(i=0;i<C_HalfNo;i++){
    CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);
    CW_I[i].style.position="absolute";
    CW_I[i].style.top=0+"px";
    CW_I[i].style.height=Car_Image_Height+"px";
    if(Car_Border){
    CW_I[i].style.borderStyle="solid";
    CW_I[i].style.borderWidth=1+"px";
    CW_I[i].style.borderColor=Car_Border_Color}
    CW_I[i].src=Car_Image_Sources[2*i];
    CW_I[i].lnk=Car_Image_Sources[2*i+1];
    CW_I[i].onclick=C_LdLnk;
    CW_I[i].onmouseover=C_Stp;
    CW_I[i].onmouseout=C_Rstrt}
    CarImages()}}

    function CarImages(){
    if(!C_Stppd){
    C_TotalW=0;
    for(i=0;i<C_HalfNo;i++){
    C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
    C_TotalW+=C_ClcW[i]}
    C_LeftOffset=(C_MaxW-C_TotalW)/2;
    for(i=0;i<C_HalfNo;i++){
    CW_I[i].style.left=C_LeftOffset+"px";
    CW_I[i].style.width=C_ClcW[i]+"px";
    C_LeftOffset+=C_ClcW[i]}
    C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
    if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
    if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
    if(Car_Direction){
    CW_I[C_HalfNo]=CW_I[0];
    for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
    CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
    CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
    else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
    CW_I[0]=CW_I[C_HalfNo];
    CW_I[0].src=Car_Image_Sources[C_CrImg];
    CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
    C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
    setTimeout("CarImages()",50)}

    function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
    function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
    function C_Rstrt(){C_Stppd=false}
    </script>

    <div id="Carousel" style="position:relative">
    <img src="placeholder.gif" width="471" height="140">
    </div>
    </tr>
    </table></td>
    <td width="205" align="left" valign="top"><div id="menurechts_abstand">
    <table width="205" border="0" cellpadding="0" cellspacing="0">
    <tr>

    </tr>
    <tr>
    <td align="left" valign="top"><div id="clock_abstand">
    </object>
    </div></td>
    </tr>
    <tr>
    <td>{_list_menunr2@ </td>
    </tr>
    <tr>
    <td width="205" height="33" align="left" valign="top" background="include/designs/beta/images/beta_21.jpg"><div id="menurechts_ueberschrift">%1</div></td>

    </tr>
    <tr>
    <td><div id="menurechtsinner_abstand">%2</div></td>
    </tr>
    <tr>
    <td>}</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr>
    </table>
    </div></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="855" height="30"><img src="include/designs/beta/images/beta_29.jpg" alt="" width="855" height="30" border="0" usemap="#Map" /></td>
    <td width="86" height="30"><a href="#toplink" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('top','','include/designs/beta/images/top_button-over.jpg',1)"><img src="include/designs/beta/images/top_button.jpg" alt="Nach oben" name="top" width="86" height="30" border="0" id="top" /></a></td>
    <td width="59" height="30"><img src="include/designs/beta/images/beta_31.jpg" width="59" height="30" /></td>
    </tr>
    </table></td>
    </tr>
    </table>
    </div>

    <map name="Map" id="Map"><area shape="rect" coords="356,14,574,26" href="http://www.homepage1a.de" target="_blank" />
    <area shape="rect" coords="594,9,768,26" href="http://www.homepage1a.de" target="_blank" alt="" />
    </map></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>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->

    betroffene Homepage: externer Link
    Wie sind nicht geboren um so zu sein wie andere uns haben wollen......
    0 Mitglieder finden den Beitrag gut.
  2. Mi. 10.10.2007 10:09 Uhr #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Du hast sehr viel Content Code über <body ...> und das hast du auch noch mehrmals, also <body ...> muss unter </head>, dann sollte es sicherlich gehen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 10.10.2007 10:21 Uhr #3
    User Pic
    WeichKai Mitglied
    Registriert seit
    13.02.2007
    Beiträge
    65
    Beitragswertungen
    0 Beitragspunkte
    Habe es nun so verändert aber getan hat sich leider nichts

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <body onload="Carousel()">
    <script type="text/javascript" src="include/includes/js/BBCodeGlobal.js"></script>
    <script type="text/javascript" src="include/includes/js/interface.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Blue-Radio</title>
    <meta name="title" content="beta">
    <meta name="date" content="29.05.2007">
    <meta name="author" content="uD Psaicon, Dennis Gericke">
    <meta name="publisher" content="uD Psaicon,Dennis Gericke">
    <meta name="copyright" content="www.psaicon-designs.com">
    <meta name="keywords" content="Blue-Radio, Radio, Teamspeak, Gameserver, Gamerserverhosting">
    <meta name="description" content="Denn guter Sound ist Blau">
    <meta name="abstract" content="Denn guter Sound ist Blau">
    <meta name="page-topic" content="Blue-Radio">
    <meta name="page-topic" content="Blue Radio">
    <meta name="audience" content="alle">
    <meta name="robots" content="noindex,nofollow">
    <meta name="language" content="deutsch">
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="include/designs/beta/css/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>
    </head>
    <div align="center">
    <table width="1000" border="0" cellpadding="0" cellspacing="0" class="rand">
    <tr>
    <td align="left" valign="top"><img src="include/designs/beta/images/beta_01.gif" alt="header" width="1000" height="181" /></td>
    </tr>
    <tr>
    <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="205" class="nav_middlespacer"><img src="include/designs/beta/images/beta_02.gif" width="205" height="36" /></td>
    <td width="150"><a href="index.php?" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','include/designs/beta/images/home_top-over.jpg',1)"><img src="include/designs/beta/images/home_top.jpg" alt="Zur Startseite" name="home" width="150" height="36" border="0" id="home" /></a></td>
    <td width="72" <a href="index.php?" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','include/designs/beta/images/top_button-over.jpg',1)"><img src="include/designs/beta/images/top_button.jpg" alt="" name="" width="72" height="36" border="0" id="" /></a></td>
    <td width="146"><a href="index.php?werbung" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('wars','','include/designs/beta/images/wars_top-over.jpg',1)"><img src="include/designs/beta/images/wars_top.jpg" alt="Zur Warstatistik" name="wars" width="146" height="36" border="0" id="wars" /></a></td>
    <td width="72" <a href="index.php?" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','include/designs/beta/images/top_button-over.jpg',1)"><img src="include/designs/beta/images/top_button.jpg" alt="" name="" width="72" height="36" border="0" id="" /></a></td>
    <td width="150"><a href="index.php?gbook" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('gbook','','include/designs/beta/images/gbook_top-over.jpg',1)"><img src="include/designs/beta/images/gbook_top.jpg" alt="Zum G&auml;stebuch" name="gbook" width="150" height="36" border="0" id="gbook" /></a></td>
    <td width="205"><img src="include/designs/beta/images/beta_07.gif" width="205" height="36" /></td>
    </tr>
    </table></td>
    </tr>
    <tr class="rand">
    <td align="left" valign="top" class="body_spacer"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="205" align="left" valign="top"><div id="menulinks_abstand">
    <table width="205" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="205" height="32" background="include/designs/beta/images/beta_08.jpg">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top"><div id="login_abstand">{_boxes_login}</div></td>
    </tr>
    <tr>
    <td>{_list_menunr1@ </td>
    </tr>
    <tr>

    <td width="205" height="33" align="left" valign="top" background="include/designs/beta/images/beta_19.jpg"><div id="menulinks_ueberschrift">%1</div></td>
    </tr>
    <tr>
    <td><div id="menuinner_abstand">%2</div></td>
    </tr>
    <tr>
    <td>}</td>
    </tr>
    <tr>
    <td align="center" valign="top"><div align="center" id="matrixbanner">




    </div></td>
    </tr>
    </table>
    </div></td>
    <td width="590" height="20" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="590" height="20" background="include/designs/beta/images/beta_09.jpg">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top"><div id="explode">{EXPLODE}</div></td>
    </tr>
    <tr>
    <td width="590" height="12" class="contentpic_bottum">&nbsp;</td>


    <div align=center>
    <script type="text/javascript">

    /***********************************************
    * Carousel Slideshow script- © Ger Versluis 2003
    * Permission granted to DynamicDrive.com to feature script
    * This notice must stay intact for legal use
    * Visit externer Link for full source code
    ***********************************************/

    /********************************************************
    Create a div with transparent place holder in your html
    <div id="Carousel" style="position:relative">
    </div>
    placeholder width:
    4 sided: 1.42 * carousel image width + 3
    6 sided: 2 * carousel image width +4
    8 sided: 2.62 * carousel image width + 5
    12 sided: 3.87 * carousel image width + 7
    placeholder height:
    carousel image height+2

    Insert onload in body tag

    *********************************************************/

    // 7 variables to control behavior
    var Car_Image_Width=180;
    var Car_Image_Height=135;
    var Car_Border=true; // true or false
    var Car_Border_Color="white";
    var Car_Speed=4;
    var Car_Direction=true; // true or false
    var Car_NoOfSides=8; // must be 4, 6, 8 or 12

    /* array to specify images and optional links.
    For 4 sided carousel specify at least 2 images
    For 6 sided carousel specify at least 3
    For 8 sided carousel specify at least 4
    For 12 sided carousel specify at least 6
    If Link is not needed keep it ""
    */
    Car_Image_Sources=new Array(
    "dj/Enaryklein.jpg","",
    "dj/Chipmunk.jpg","http://home.arcor.de/marioxl28/",
    "dj/Darky.jpg","http://www.freepler2.de/darky39/willkommen_47813393.html",
    "dj/Dudu.jpg","http://www.dj-dudu.beep.de",
    "dj/LogoJana.jpg","http://www.homepage1a.de",
    "dj/Milkaklein.jpg","",
    "dj/Sonic.jpg","http://www.sonics-dreamworld.de/",
    "dj/Supermario3.jpg","http://home.arcor.de/marioxl28/",
    "dj/Zoddel.jpg","http://zoddel.blue-radio.eu",
    "dj/Trixxklein.jpg","http://www.djtrixx.com/",
    "dj/Ludder.jpg","http://djludderbluefalter.12see.de/",
    "dj/Xera.jpg","",
    "dj/Wobiklein.jpg","http://daniel25.repage7.de",
    "dj/tintyklein.jpg","",
    "dj/Wildrose.jpg","http://wildrose.blue-radio.eu/" // NOTE No comma after last line
    );

    /***************** DO NOT EDIT BELOW **********************************/
    CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
    C_Coef=new Array(
    3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,
    Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
    var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
    C_Pre_Img=new Array(Car_Image_Sources.length);
    var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
    C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

    function Carousel(){
    if(document.getElementById){
    for(i=0;i<Car_Image_Sources.length;i+=2){
    C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}
    C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
    Car_Div=document.getElementById("Carousel");
    for(i=0;i<C_HalfNo;i++){
    CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);
    CW_I[i].style.position="absolute";
    CW_I[i].style.top=0+"px";
    CW_I[i].style.height=Car_Image_Height+"px";
    if(Car_Border){
    CW_I[i].style.borderStyle="solid";
    CW_I[i].style.borderWidth=1+"px";
    CW_I[i].style.borderColor=Car_Border_Color}
    CW_I[i].src=Car_Image_Sources[2*i];
    CW_I[i].lnk=Car_Image_Sources[2*i+1];
    CW_I[i].onclick=C_LdLnk;
    CW_I[i].onmouseover=C_Stp;
    CW_I[i].onmouseout=C_Rstrt}
    CarImages()}}

    function CarImages(){
    if(!C_Stppd){
    C_TotalW=0;
    for(i=0;i<C_HalfNo;i++){
    C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
    C_TotalW+=C_ClcW[i]}
    C_LeftOffset=(C_MaxW-C_TotalW)/2;
    for(i=0;i<C_HalfNo;i++){
    CW_I[i].style.left=C_LeftOffset+"px";
    CW_I[i].style.width=C_ClcW[i]+"px";
    C_LeftOffset+=C_ClcW[i]}
    C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
    if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
    if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
    if(Car_Direction){
    CW_I[C_HalfNo]=CW_I[0];
    for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
    CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
    CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
    else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
    CW_I[0]=CW_I[C_HalfNo];
    CW_I[0].src=Car_Image_Sources[C_CrImg];
    CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
    C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
    setTimeout("CarImages()",50)}

    function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
    function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
    function C_Rstrt(){C_Stppd=false}
    </script>

    <div id="Carousel" style="position:relative">
    <img src="placeholder.gif" width="471" height="140">
    </div>
    </tr>
    </table></td>
    <td width="205" align="left" valign="top"><div id="menurechts_abstand">
    <table width="205" border="0" cellpadding="0" cellspacing="0">
    <tr>

    </tr>
    <tr>
    <td align="left" valign="top"><div id="clock_abstand">
    </object>
    </div></td>
    </tr>
    <tr>
    <td>{_list_menunr2@ </td>
    </tr>
    <tr>
    <td width="205" height="33" align="left" valign="top" background="include/designs/beta/images/beta_21.jpg"><div id="menurechts_ueberschrift">%1</div></td>

    </tr>
    <tr>
    <td><div id="menurechtsinner_abstand">%2</div></td>
    </tr>
    <tr>
    <td>}</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr>
    </table>
    </div></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="855" height="30"><img src="include/designs/beta/images/beta_29.jpg" alt="" width="855" height="30" border="0" usemap="#Map" /></td>
    <td width="86" height="30"><a href="#toplink" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('top','','include/designs/beta/images/top_button-over.jpg',1)"><img src="include/designs/beta/images/top_button.jpg" alt="Nach oben" name="top" width="86" height="30" border="0" id="top" /></a></td>
    <td width="59" height="30"><img src="include/designs/beta/images/beta_31.jpg" width="59" height="30" /></td>
    </tr>
    </table></td>
    </tr>
    </table>
    </div>

    <map name="Map" id="Map"><area shape="rect" coords="356,14,574,26" href="http://www.homepage1a.de" target="_blank" />
    <area shape="rect" coords="594,9,768,26" href="http://www.homepage1a.de" target="_blank" alt="" />
    </map></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>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->
    Wie sind nicht geboren um so zu sein wie andere uns haben wollen......
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 10.10.2007 10:38 Uhr #4
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Nö hast du nicht, denn hinter </head> ist immer noch kein <body ...>
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 10.10.2007 10:38 Uhr #5
    User Pic
    WeichKai Mitglied
    Registriert seit
    13.02.2007
    Beiträge
    65
    Beitragswertungen
    0 Beitragspunkte
    sorry so meinte ich natürlich


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script type="text/javascript" src="include/includes/js/BBCodeGlobal.js"></script>
    <script type="text/javascript" src="include/includes/js/interface.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Blue-Radio</title>
    <meta name="title" content="beta">
    <meta name="date" content="29.05.2007">
    <meta name="author" content="uD Psaicon, Dennis Gericke">
    <meta name="publisher" content="uD Psaicon,Dennis Gericke">
    <meta name="copyright" content="www.psaicon-designs.com">
    <meta name="keywords" content="Blue-Radio, Radio, Teamspeak, Gameserver, Gamerserverhosting">
    <meta name="description" content="Denn guter Sound ist Blau">
    <meta name="abstract" content="Denn guter Sound ist Blau">
    <meta name="page-topic" content="Blue-Radio">
    <meta name="page-topic" content="Blue Radio">
    <meta name="audience" content="alle">
    <meta name="robots" content="noindex,nofollow">
    <meta name="language" content="deutsch">
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="include/designs/beta/css/style.css">
    </head>
    <body onload="Carousel()">
    <script type="text/JavaScript">
    Wie sind nicht geboren um so zu sein wie andere uns haben wollen......
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 10.10.2007 20:49 Uhr #6
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    so ein prob hatte ich auch mal, bei mir hat auch immer mozilla alles anders dargestellt - hab einfach vor <html> ein <center> und nach </html> ein </center> tag gesetzt, probier das auch mal glücklich
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  7. Do. 11.10.2007 07:40 Uhr #7
    User Pic
    boehserdavid Mitglied
    Registriert seit
    26.08.2006
    Beiträge
    2.122
    Beitragswertungen
    2 Beitragspunkte
    Hey, WeichKai!

    Boah CeeJay, was soll das denn, nicht vor <html> sondern nach <body> und vor </body>, also so 
    <html>
<head>
...
</head>
<body>
<center>
......
</center>
</body>
</html>


    Dann ist in Mozilla die Tabelle mittig, aber der Text wie gewohnt links, wenn der Text auch links sein soll, musst du wohl immer align="center" in die <tr> Tags einbauen.
    Und IE7 macht wenn <center> benutzt wird ALLES mittig, außer es steht align="left" oder align="right" oder so was da!

    Mit böhsen Grüßen
    BöhserDavid
    -Heute schon böhse gewesen?- Ab zur Community
    -No Support via Contact-
    0 Mitglieder finden den Beitrag gut.
  8. Do. 11.10.2007 17:25 Uhr #8
    User Pic
    WeichKai Mitglied
    Registriert seit
    13.02.2007
    Beiträge
    65
    Beitragswertungen
    0 Beitragspunkte
    sauer nöööö habe nun alles versucht ich habe die kompl html auf center gesetzt dein code rein alles erdenklich raus genommen probiert wie irre aber dieser Firefox will net... Ist mir nun auch egal viele meinen ja das wäre die Zukunft weil er nicht so anfällig wäre wie der IE aber solange er Seiten einfach nicht richtig anzeigt und einfache HTML codes lesen kann wird es wohl nicht so schnell dazu kommen...

    Finde es blöd das Explorer Internet Seiten verschieden anzeigen naja egal denke mal IE ist sicher mehr verbreitet also werde ich drauf verzichten es nun einzurichten für Firefox..

    Gruss Kai und danke euch aber dennoch lieb
    Wie sind nicht geboren um so zu sein wie andere uns haben wollen......
    0 Mitglieder finden den Beitrag gut.
  9. Do. 11.10.2007 18:19 Uhr #9
    User Pic
    Ithron Hall Of Fame
    Registriert seit
    21.01.2006
    Beiträge
    2.659
    Beitragswertungen
    24 Beitragspunkte
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">


    Irgendwas muss man hier beachten *grübel*

    Ich glaub der <center> tag wird so nicht mehr angenommen..
    mach mal nach <body ...> folgendes:
    <div align="center">

    und vor </body> dann:
    </div>
    ZitatZitat geschrieben von loW

    Ja ich habs gesehen und wenn ichs kostenlos bekomm dann zahl ich doch nix dafür oder?
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten