ilch Forum » Ilch Clan 1.1 » Design und Templates » Menütitel verschieben

Geschlossen
  1. #1
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    Also wie ihr vielleicht sehen könnt bin ich am rippen vom lod-Design (Hab aber brav des © da gelassen) und hab da jetz ein Problem... =/
    Hab nämlich rechts bei den Menü_top's den Teil wo der Text stehn soll nach unten geschoben und jetz is der Text an der falschen Position grumml
    Der Text muss also nach unten geschoben werden lachen
    Müsste sich ja in der Index ändern lassen, ich weis nur nich was ich hinschreiben muss, hier mal die Datei:

    <html>
    <head>
    <title>(Dark Ripper-Clan) - Multigaming</title>
    <link rel="stylesheet" type="text/css" href="include/designs/dr-c_design/style.css">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    	background-color: #FFFFFF;
    }
    .Stil1 {	color: #333333;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
    }
    .Stil3 {font-family: Verdana, Arial, Helvetica, sans-serif}
    -->
    </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 leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('include/designs/dr-c_design/img/menu_hor/hover_1.jpg','include/designs/dr-c_design/img/menu_hor/hover_2.jpg','include/designs/dr-c_design/img/menu_hor/hover_3.jpg','include/designs/dr-c_design/img/menu_hor/hover_4.jpg','include/designs/dr-c_design/img/menu_hor/hover_5.jpg','include/designs/dr-c_design/img/menu_hor/hover_6.jpg')">
    <div id="login">{_boxes_login}</div>
    <table width="980" height="801" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
    	<tr> 
    		<td colspan="2" rowspan="2">
    			<img src="include/designs/dr-c_design/img/header/header_1.jpg" width="381" height="175" alt=""></td>
    		<td colspan="8">
    			<img src="include/designs/dr-c_design/img/header/header_2.jpg" width="599" height="150" alt=""></td>
    	</tr>
    	<tr>
    		<td><a href="?news" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('News','','include/designs/dr-c_design/img/menu_hor/hover_1.jpg',1)"><img src="include/designs/dr-c_design/img/menu_hor/button_1.jpg" name="News" width="100" height="25" border="0"></a></td>
    		<td><a href="?wars-last" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Forum','','include/designs/dr-c_design/img/menu_hor/hover_2.jpg',1)"><img src="include/designs/dr-c_design/img/menu_hor/button_2.jpg" name="Forum" width="100" height="25" border="0"></a></td>
    		<td><a href="?teams" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Teams','','include/designs/dr-c_design/img/menu_hor/hover_3.jpg',1)"><img src="include/designs/dr-c_design/img/menu_hor/button_3.jpg" name="Teams" width="100" height="25" border="0"></a></td>
    		<td><a href="?history" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fight Us','','include/designs/dr-c_design/img/menu_hor/hover_4.jpg',1)"><img src="include/designs/dr-c_design/img/menu_hor/button_4.jpg" name="Fight Us" width="100" height="25" border="0"></a></td>
    		<td colspan="2"><a href="?Sponsoren" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Join Us','','include/designs/dr-c_design/img/menu_hor/hover_5.jpg',1)"><img src="include/designs/dr-c_design/img/menu_hor/button_5.jpg" name="Join Us" width="100" height="25" border="0"></a></td>
    		<td><a href="?gbook" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Gbook','','include/designs/dr-c_design/img/menu_hor/hover_6.jpg',1)"><img src="include/designs/dr-c_design/img/menu_hor/button_6.jpg" name="Gbook" width="85" height="25" border="0"></a></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/index_gruen_09.jpg" width="14" height="25" alt=""></td>
    	</tr>
    	<tr>
    		<td width="195" align="left" valign="top" background="include/designs/dr-c_design/img/index_gruen_10.jpg">
        {_list_menunr1@	      <table width="180" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="12">&nbsp;</td>
                  <td width="168" height="30" background="include/designs/dr-c_design/img/Navi_gruen_Top_l.jpg"><div align="center"><strong>%1</strong></div></td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>%2</td>
                </tr>
                
              </table>	      }
              
          </td>
    		<td height="625" colspan="6" align="left" valign="top" bgcolor="161616">
          <table width="590" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td height="36" align="left" valign="top" background="include/designs/dr-c_design/img/Content_gruen_Top.jpg"><table width="590" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="10">&nbsp;</td>
                      <td width="382" height="22" align="left" valign="bottom"><strong>{HMENU}</strong></td>
                      <td width="198">&nbsp;</td>
                    </tr>
                </table></td>
              </tr>
              <tr>
                <td background="include/designs/dr-c_design/img/center_bg.jpg"><table width="590" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="10">&nbsp;</td>
                      <td width="569">{EXPLODE}</td>
                      <td width="11">&nbsp;</td>
                    </tr>
                </table></td>
              </tr>
              <tr>
                <td height="21" align="right" valign="bottom" background="include/designs/dr-c_design/img/bottom_bg.jpg"><table width="590" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="575" align="right" valign="bottom"><span class="Stil1"><span class="Stil3">design ©</span> <span class="Stil3"><a href="http://lod-clan.eu/">lod-clan.eu</a> modified by <a href="http://www.dr-c.de/">(Dark Ripper-Clan)</a> || || </span></span><a href="http://dr-c.bplaced.net/admin.php">Admin-Menü</a> </td>
                      <td width="15">&nbsp;</td>
                    </tr>
                </table></td>
              </tr>
            </table></td>
    		<td colspan="3" align="right" valign="top" width="195" background="include/designs/dr-c_design/img/index_gruen_12.jpg">{_list_menunr2@
    		  <table width="180" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="166" height="32" align="center" valign="top" background="include/designs/dr-c_design/img/Navi_gruen_Top_r.jpg"><table width="166" height="24" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td align="center" valign="middle"><strong>%1</strong></td>
                    </tr>
                  </table></td>
                  <td width="14">&nbsp;</td>
                </tr>
                <tr>
                  <td background="include/designs/dr-c_design/img/Navi_gruen_Middle.jpg"><table width="166" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="10">&nbsp;</td>
                        <td width="146">%2</td>
                        <td width="10">&nbsp;</td>
                      </tr>
                  </table></td>
                  <td>&nbsp;</td>
                </tr>
    
              </table>
    	      }</td>
    	</tr>
    	<tr>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="195" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="186" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="100" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="100" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="100" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="100" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="4" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="96" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="85" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/dr-c_design/img/spacer.gif" width="14" height="1" alt=""></td>
    	</tr>
    </table>
    <table width="980" border="0"  cellspacing="0" cellpadding="0">
      <tr>
        <td id="ende"><img src="include/designs/dr-c_design/img/footer.jpg" alt="" width="980" height="45" border="0" ></td>
      </tr>
    </table>
    
    
    
    
    </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@}//-->


    Besagte Bild Datei ist die Navi_gruen_Top_r.jpg (Zeile 110 bis 117)

    betroffene Homepage: externer Link
    Version 1.1 O


    Zuletzt modifiziert von Ripper_L am 02.04.2010 - 16:22:10
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Hab da jetzt nicht ganz den Überblick und ich glaube wir müssen die .css sehen, aber auf jeden Fall hängt es mit diesem Teil zusammen:

    <tr>
      <td width="12">&nbsp;</td>
      <td width="168" height="30" background="include/designs/dr-c_design/img/Navi_gruen_Top_l.jpg"><div align="center"><strong>%1</strong></div></td>
    </tr>


    Meiner Meinung nach kannst du dem DIV mit align="center" einen style geben mit entweder:

    margin: 5px 0 0 0; bzw. die 5px halt anpassen

    oder aber

    position: relative; top: 5px;

    Denke ich...
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    das könnte gehn, ich schau mal was sich machen lässt, wenns nich klappt sag ich nochmal bescheid, allerdings is das der falsche teil, den du da rausgesucht hast zwinker
    das is der teil zum linken ich brauch den zum rechten (im ersten post zeile 110 bis 117)

    glücklich aber das mit dem margin test ich mal

    //edit:

    hab mal statt

    <td align="center" valign="middle"><strong>%1</strong></td>

    (Zeile 113)

    folgendes gemacht:

    <td id="menur"><strong>%1</strong></td>


    und dann in der Style.css das hier eingefügt:

    
    #menur {
    margin-left: 30px;
    margin-top: 10px;
    }



    bringt allerdings nix, is hald jetz unformatiert oben link in der table

    //Edit2:

    So die Position in die Mitte von dem bild hab ich jetz gemacht indem ich in der style "position: absolute; und left: 69%" eingefügt hab es is allerdings trotzdem noch zu hoch =/

    //Edit3:

    aktueller Stand ist also in der index.htm:

    <td id="menur"><strong>%1</strong></td>


    und in der style.css:

    #menur {
    position: absolute;
    left:69%;
    margin-top: 26;
    }




    Zuletzt modifiziert von Ripper_L am 02.04.2010 - 18:15:21
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    wenn du schon position absolute nimmst nimm den margin-top raus und mach doch einfach noch top: 100px oder sowas?
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    Mit position relative hats funktioniert aber wenn man eingeloggt is sin des mehr und dann verschieben die sich natürlich alle parallel, was an sich kein Problem is, nur wenn der Text mal kürzer/länger is, hauts nimmer hin, außer ich mach leerzeichen rein, was ich aber noch nich ausprobiert hab lachen
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Ja du hast nun der TD die id gegeben. mach wieder einen div rum und gib der die class.

    id darfst du dann nicht sondern class, weil es mehrmals verwendet wird.

    Also <td><div class="menur">%1</div></td>

    .menur {
    position: relative;
    top: 100px;
    left: 69%;
    font-weight: bold;
    }
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten