Header

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.phpBB2.0.x
Gesloten
Gebruikersavatar
Desptune
Berichten: 267
Lid geworden op: 18 jul 2003, 16:49

Header

Bericht door Desptune » 18 dec 2004, 08:55

Ik heb een aangepaste subsilver header maar hij is nog niet helemaal goed. ik heb namelijk helemaal bovenaan een balk met links, die is verder goed. daaronder komt dan het logo en de links er naast, maar ik wil het logo gecentreerd hebben en de links weg. dan komt onder dat alles zo zelfde balk als bovenaan, met de overige links. maar die balk gaan niet over de hele breedte.
hier is de code met eerste de balk dan orgineel subsilver en dan weer een balk.
ik hoop dat iemand mijn probleem snapt en me verder kan helpen... :)

Code: Selecteer alles

<table width="80%" cellspacing="0" cellpadding="0" border="0" align="center">
	<tr>		
		<td align="center" width="100%" nowrap="nowrap">
			<table cellspacing="0" cellpadding="2" border="0" width="100%" class="bodyline"><tr><td align="left" nowrap="nowrap" class="catHead">
			<a href="{U_INDEX}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_house1.gif" width="12" height="13" border="0" alt="{L_INDEX}" hspace="3" />Forum Index</a></span><span class="mainmenu">&nbsp; &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; &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; &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; &nbsp;
			<!-- BEGIN switch_user_logged_out -->
			<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 -->
			</span>&nbsp;&nbsp;</td></tr></table>
		</td>
	</tr>
</table>
<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<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 align="center" valign="top" nowrap="nowrap"><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; &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; &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_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" />{L_REGISTER}</a></span>&nbsp;
						<!-- END switch_user_logged_out -->
						</td>
					</tr>
					<tr>
						<td height="25" align="center" valign="top" nowrap="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>
				</table></td>
			</tr>
		</table>
<table width="100" cellspacing="0" cellpadding="0" border="0" align="center">
	<tr>		
		<td align="center" width="100%" nowrap="nowrap">
			<table cellspacing="0" cellpadding="2" border="0" width="100%" class="bodyline"><tr><td align="left" nowrap="nowrap" class="catHead">
			<a href="{U_INDEX}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_house1.gif" width="12" height="13" border="0" alt="{L_INDEX}" hspace="3" />Forum Index</a></span><span class="mainmenu">&nbsp; &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; &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; &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; &nbsp;
			<!-- BEGIN switch_user_logged_out -->
			<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 -->
			</span>&nbsp;&nbsp;</td></tr></table>
		</td>
	</tr>
</table>
Omhoog
Gebruikersavatar
Luuk
Berichten: 7311
Lid geworden op: 22 okt 2003, 10:07
Locatie: Delft

Bericht door Luuk » 18 dec 2004, 09:45

Zoiets :?:

Code: Selecteer alles

<table width="80%" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>      
      <td align="center" width="100%" nowrap="nowrap">
         <table cellspacing="0" cellpadding="2" border="0" width="100%" class="bodyline"><tr><td align="left" nowrap="nowrap" class="catHead">
         <a href="{U_INDEX}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_house1.gif" width="12" height="13" border="0" alt="{L_INDEX}" hspace="3" />Forum Index</a></span><span class="mainmenu">&nbsp; &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; &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; &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; &nbsp;
         <!-- BEGIN switch_user_logged_out -->
         <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 -->
         </span>&nbsp;&nbsp;</td></tr></table>
      </td>
   </tr>
</table>
<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align="center"><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
         </tr>
		 <tr>
            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span></td>
         </tr>
      </table>
	</td>
  </tr>
</table>
<table width="100" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>      
      <td align="center" width="100%" nowrap="nowrap">
         <table cellspacing="0" cellpadding="2" border="0" width="100%" class="bodyline"><tr><td align="left" nowrap="nowrap" class="catHead">
         <a href="{U_INDEX}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_house1.gif" width="12" height="13" border="0" alt="{L_INDEX}" hspace="3" />Forum Index</a></span><span class="mainmenu">&nbsp; &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; &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; &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; &nbsp;
         <!-- BEGIN switch_user_logged_out -->
         <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 -->
         </span>&nbsp;&nbsp;</td></tr></table>
      </td>
   </tr>
</table>
Afbeelding
Omhoog
Gebruikersavatar
Desptune
Berichten: 267
Lid geworden op: 18 jul 2003, 16:49

Bericht door Desptune » 18 dec 2004, 10:05

Niet helemaal :)
http://mf.freeunixhost.com/phpBB2/
Het forum is nu 100% en de onderste balk is nog steeds niet die 80%..
Omhoog
Gebruikersavatar
Luuk
Berichten: 7311
Lid geworden op: 22 okt 2003, 10:07
Locatie: Delft

Bericht door Luuk » 18 dec 2004, 12:21

Er stond ook in je codering
<table width="100"
Dat heb ik laten staan... :roll:
Afbeelding
Omhoog
Gebruikersavatar
Desptune
Berichten: 267
Lid geworden op: 18 jul 2003, 16:49

Bericht door Desptune » 18 dec 2004, 15:42

ja je hebt gelijk... :wink:
maar waarom wil die onderste balk nu nog niet over de hele breedte?
Omhoog
Gebruikersavatar
Luuk
Berichten: 7311
Lid geworden op: 22 okt 2003, 10:07
Locatie: Delft

Bericht door Luuk » 18 dec 2004, 21:29

In je bestand overall_header.tpl staat nog steeds width="100" in plaats van width="100%" :roll:
Denk dat het daar aan ligt.
Afbeelding
Omhoog
Gebruikersavatar
Desptune
Berichten: 267
Lid geworden op: 18 jul 2003, 16:49

Bericht door Desptune » 19 dec 2004, 11:04

ja dat was het inderdaad.
Maar als ik nu bijv me forum 85% wil?
ik heb al wel enkele width="85%" maar me forum is het nog niet.
Omhoog
Gebruikersavatar
Luuk
Berichten: 7311
Lid geworden op: 22 okt 2003, 10:07
Locatie: Delft

Bericht door Luuk » 19 dec 2004, 16:45

Je moet helemaal onderaan in overall_header.tpl dan zetten:

Code: Selecteer alles

<table width="85%" cellspacing="0" cellpadding="0" border="0">
  <tr> 
    <td>
En in overall_footer.tpl de tags afsluiten.

Code: Selecteer alles

    </td>
  </tr>
</table>
Afbeelding
Omhoog
Gebruikersavatar
Desptune
Berichten: 267
Lid geworden op: 18 jul 2003, 16:49

Bericht door Desptune » 21 dec 2004, 12:54

Moet nog wel een align bij..

Code: Selecteer alles

<table width="85%" cellspacing="0" cellpadding="0" border="0" align="center">
  <tr> 
    <td>
De laatste vraag en dan ben je echt van me af :D dat is dat de onderste balk mooi moet aansluiten onder het logo :wink:
alvast bedankt.
Omhoog
Gebruikersavatar
Luuk
Berichten: 7311
Lid geworden op: 22 okt 2003, 10:07
Locatie: Delft

Bericht door Luuk » 21 dec 2004, 15:03

<table width="85%" cellspacing="0" cellpadding="10" border="0" align="center">
Probeer eens om die cellpadding op 0 te zetten.
Anders moet je alles in 1 tabel zetten :roll:
Afbeelding
Omhoog
Gebruikersavatar
Desptune
Berichten: 267
Lid geworden op: 18 jul 2003, 16:49

Bericht door Desptune » 21 dec 2004, 17:59

Bedankt het is gelukt, Die manieren die jij zei werkte niet echt, maar ik heb zelf een beetje gepruts en ik vind het resultaat wel goed :)
Omhoog
Gesloten

Terug naar “2.0 Stijlen”