Icons verschoben

[Gert]

Hallöle.....

hab da ein prob mit den Icons (oder dem Linktext) im Header.

Wenn man nicht eingeloggt ist stimmt alles prima zueinander.

Loggt man sich ein, sind entweder die Icons oder der Linktext zueinander verschoben.

Woran liegt das?

Siehe hier Screenshot:

http://www.aquafreaks.ch/div/header.jpg

Gruss Gert

[Gert]

Hi ...

konnte nix finden......na dann lassen wirs verschoben

Gruss Gert

[codemonkey]

Poste doch mal den Codeteil für die Buttons. Vielleicht können wir dir dann helfen.

[Gert]

Hi Codemonkey.....

Code: Alles auswählen

 
<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td> 
<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
<table cellspacing="0" cellpadding="2" border="0"> 

<tr> 
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
<a href="{U_ImpressumMOD1}" class="mainmenu"><img src="templates/subSilver/images/staff.gif" width="12" height="13" border="0" alt="{L_ImpressumMOD1}" hspace="3" />{L_ImpressumMOD1}</a>&nbsp;

<a href="{U_ALBUM}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_album.gif" width="12" height="13" border="0" alt="{L_ALBUM}" hspace="3" />{L_ALBUM}</a>&nbsp;

<a href="{U_LINKS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERS}" hspace="3" align="top"/> {L_LINKS}</a>&nbsp; 

<a href="{U_FAQ2}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ2}" hspace="3" align="top"/>{L_FAQ2}</a>&nbsp;

</td> 
</tr> 
<tr> 
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
<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" align="top"/>{L_FAQ}</a>&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" align="top"/>{L_SEARCH}</a> &nbsp;

<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" align="top"/>{L_MEMBERLIST}</a> &nbsp;

<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" align="top"/>{L_USERGROUPS}</a> 
&nbsp; 
						<!-- BEGIN switch_report_list -->
						&nbsp;<a href="{switch_report_list.U_REPORT_LIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_report_list.gif" width="12" height="13" border="0" alt="{switch_report_list.L_REPORT_LIST}" hspace="3" />{switch_report_list.L_REPORT_LIST}</a></span>&nbsp;
						<!-- END switch_report_list -->
</td> 
</tr> 
<tr> 
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILES}" hspace="3" align="top"/>{L_PROFILE}</a> &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{L_PRIVATE_MESSAGE}" hspace="3" align="top"/>{PRIVATE_MESSAGE_INFO}</a>&nbsp;<a href="{U_STAFF}" class="mainmenu"><img src="templates/subSilver/images/staff.gif" width="12" height="13" border="0" alt="{L_STAFF}" hspace="3" align="top"/>{L_STAFF}</a> &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" align="top"/>{L_LOGIN_LOGOUT}</a>&nbsp; 
</td> 
</tr> 
<tr> 
<!-- BEGIN switch_user_logged_out --> 
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&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" />{L_REGISTER}</a></span>&nbsp; 
<!-- END switch_user_logged_out --> 

</table></td> 
</tr> 
</table>

Gruss gert

[codemonkey]

Also das die Bilder etwas höher liegen, liegt wohl daran, dass du bei manchen Bildern das Attribut align="top" mit eingebaut hast. Ersetze deinen Code mal mit diesem hier:

Code: Alles auswählen

<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td> 
<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
<table cellspacing="0" cellpadding="2" border="0"> 

<tr> 
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> 
<a href="{U_ImpressumMOD1}" class="mainmenu"><img src="templates/subSilver/images/staff.gif" width="12" height="13" border="0" alt="{L_ImpressumMOD1}" hspace="3" />{L_ImpressumMOD1}</a>&nbsp; 

<a href="{U_ALBUM}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_album.gif" width="12" height="13" border="0" alt="{L_ALBUM}" hspace="3" />{L_ALBUM}</a>&nbsp; 

<a href="{U_LINKS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERS}" hspace="3" /> {L_LINKS}</a>&nbsp; 

<a href="{U_FAQ2}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ2}" hspace="3" />{L_FAQ2}</a>&nbsp; 

</td> 
</tr> 
<tr> 
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> 
<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>&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; 

<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a> &nbsp; 

<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a> 
&nbsp; 
                  <!-- BEGIN switch_report_list --> 
                  &nbsp;<a href="{switch_report_list.U_REPORT_LIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_report_list.gif" width="12" height="13" border="0" alt="{switch_report_list.L_REPORT_LIST}" hspace="3" />{switch_report_list.L_REPORT_LIST}</a></span>&nbsp; 
                  <!-- END switch_report_list --> 
</td> 
</tr> 
<tr> 
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILES}" hspace="3" />{L_PROFILE}</a> &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{L_PRIVATE_MESSAGE}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp;<a href="{U_STAFF}" class="mainmenu"><img src="templates/subSilver/images/staff.gif" width="12" height="13" border="0" alt="{L_STAFF}" hspace="3" />{L_STAFF}</a> &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; 
</td> 
</tr> 
<tr> 
<!-- BEGIN switch_user_logged_out --> 
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&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" />{L_REGISTER}</a></span>&nbsp; 
<!-- END switch_user_logged_out --> 

</table></td> 
</tr> 
</table> 

[Gert]

Hi Codemonkey......

ich Seppl

Besten Dank!

Gruss Gert