Seite 1 von 2

Wie kriege ich diese Tabelle zentriert???

Verfasst: 01.10.2005 14:22
von darkeyeX
Hallo,

ich habe hier ein Problem und komme einfach nicht weiter! Ich möchte eine kleine Tabelle zentriert ausrichten, aber komischerweise klappt das nicht.

Ich habe die ganzen Menülinks in der overall_header.tpl in eine Zeile reingeschrieben, welche wiederum in einer Tabelle ist. Ich habe dort überall das "align=center" reingeschrieben, aber komischerweise bleibt die Tabelle ständig links ausgerichtet. Ich verstehe echt nicht wieso... ich habe da wohl irgendeinen Denkfehler.

Hier ist ein Screenshot von meinem Problem:
Und hier kopier ich mal den Quellcode hinein:

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 

 <img src="templates/subSilver/images/logo.gif" border="0"></a></td>
				<td valign="middle"><a href="http://www.site.com/"><img style="border: 1px solid #000000;" src="banner/n.jpg" width="468" height="60" border="0"/></a></td></tr><br>
				<table cellspacing="0" cellpadding="2" border="0">
					

<!-- Begin Map Mod -->
<tr>
<td> </td>
</tr>
<!-- End Map Mod -->
<br>
<tr>
<td nowrap="nowrap" valign="top" align="center">
<div align="center">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><span class="mainmenu">&nbsp;<a href="{U_USER_MAP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_map.gif" width="12" height="13" border="0" align="top" alt="{L_USER_MAP}" hspace="3" />{L_USER_MAP}</a>&nbsp;</span>&nbsp;<span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; 
                  &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; 
                  <!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" /><b>{L_REGISTER}</b></a></span>&nbsp; 
                  <!-- END switch_user_logged_out -->
                  
                  <span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
  </tr>
</table>
</div>

</td>
</tr>
</table>
</table></div>
<br />
</table>


Wäre echt super cool wenn mir jemand helfen könnte....

Verfasst: 01.10.2005 14:24
von Valerie Raghnall
dir geht es um die tabelle mit dem logo rechts?

Verfasst: 01.10.2005 14:27
von darkeyeX
nein, um die tabelle wo sich die menülinks befinden. Die Menülinks sollen demnach zentriert erscheinen und nicht links ausgerichtet....

Verfasst: 01.10.2005 14:28
von Valerie Raghnall
dann suchst du den bereich hier:

Code: Alles auswählen

					<tr> 

                <td nowrap valign="top" align="center"><span class="mainmenu">&nbsp;<a href="{U_USER_MAP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_map.gif" width="12" height="13" border="0" align="top" alt="{L_USER_MAP}" hspace="3" />{L_USER_MAP}</a>&nbsp;</span>&nbsp;<span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; 
                  &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; 
                  <!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" /><b>{L_REGISTER}</b></a></span>&nbsp; 
                  <!-- END switch_user_logged_out -->
                </td>
					</tr>

<!-- Begin Map Mod -->
<tr>
<td ></td>
</tr>
<!-- End Map Mod -->

					<tr> 
<td height="25" align="center" valign="top" nowrap><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td> 
</tr> 
und der ist meines wissens doch zentriert...

Verfasst: 01.10.2005 14:31
von Markus67
Hi ...

du musst den Code mal sauber einrücken ... dann siehst du auch wo überall schliessende Tags fehlen .. und dann klappts auch :wink:

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
   	<tr> 
      	<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0"> 
	</tr>
    <tr> 
	    <td><a href="http://forum.tischfussball-online.com"><img src="templates/subSilver/images/logo.gif" border="0"></a></td> 
        <td valign="middle"><a href="http://www.tischfussball-online.com/"><img style="border: 1px solid #000000;" src="banner/n.jpg" width="468" height="60" border="0"/></a></td>
    </tr>
    <tr>
    	<td colspan="2" align="center">
    		<table cellspacing="0" cellpadding="2" border="0"> 
				<!-- Begin Map Mod --> 
				<tr> 
					<td> </td> 
				</tr> 
				<!-- End Map Mod --> 
				<br> 
				<tr> 
					<td valign="top" align="center" colspan="2"> 
						<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"> 
	  						<tr> 
    							<td align="center"><span class="mainmenu">&nbsp;<a href="{U_USER_MAP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_map.gif" width="12" height="13" border="0" align="top" alt="{L_USER_MAP}" hspace="3" />{L_USER_MAP}</a>&nbsp;</span>&nbsp;<span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; 
					                &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; 
		        			        <!-- BEGIN switch_user_logged_out --> 
				                    &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" /><b>{L_REGISTER}</b></a></span>&nbsp; 
		                  			<!-- END switch_user_logged_out --> 
                  					<span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span>
                  				</td> 
  							</tr> 
						</table> 
					</td> 
				</tr> 
			</table> 
		</td>
	</tr>	
</table>
<br /> 
Markus

Verfasst: 01.10.2005 14:33
von darkeyeX
sorry aber das verstehe ich jetzt nicht ganz... hast du da das problem gefunden?

Verfasst: 01.10.2005 14:35
von darkeyeX
oh, schnelle postings heute hier... danke erstmal, werds gleich einbauen.

@ markus
woher weisst du dass da paar schliessende tags nicht vorhanden sind... welches programm benutzt du dafür?

Verfasst: 01.10.2005 14:47
von Valerie Raghnall
er benutzt seinen kopf ;-)

Verfasst: 01.10.2005 14:53
von darkeyeX
glaub ich nicht... jedenfalls nicht nur. ich benutze für sowas ultra edit, damit kann ich sowas auf die schnelle nicht entdecken...

Verfasst: 01.10.2005 14:57
von Valerie Raghnall
es gibt leute, die programmieren dir sowas locker mit stift und papier... die erkennen das auch auf den einfachen blick *g*... naja... auf jedenfall kann man sich auf markus verlassen, der weiß immer was zu machen ist :)