phpBB.nl

Hai mensen,

ik probeer voor onze website een nieuwe template (F1 3D blue) te prepareren, maar ik zit met een klein lay-out probleem waar ik niet uitkom! Het probleem zie je hier
http://www.snelspel.nl/images/template.jpg

En de code voor deze lay-out staat hier :

Code: Selecteer alles

<body>
<a name="top" id="top"></a>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td><img src="templates/fiblue3d/images/tnav_tl.gif" width="14" height="23" alt="" /></td>
		<td width="80%" class="tbltop">&nbsp;</td>
		<td><img src="templates/fiblue3d/images/tnav_tr.gif" width="15" height="23" alt="" /></td>
	</tr>
	<tr>
		<td align="right" class="tblleft">&nbsp;</td>
		<td align="right" class="topbkg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  	<tr>
  		<td width="100%" height="80">&nbsp;</td>
  		<td valign="bottom"><img src="templates/fiblue3d/images/phpbb2_logo.gif" width="160" height="30" alt="FI Blue 3D" title="FI Blue 3D" /></td>
  		</tr>
  	</table></td>
		<td class="tblright">&nbsp;</td>
	</tr>
	<tr>
		<td><img src="templates/fiblue3d/images/tnav_bl.gif" width="14" height="26" alt="" /></td>
		<td class="tblbot">&nbsp;</td>
		<td><img src="templates/fiblue3d/images/tnav_br.gif" width="15" height="26" alt="" /></td>
	</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr> 
<td align="center" class="topnav">&nbsp;<a href="{U_FAQ}">{L_FAQ}</a>&nbsp; •&nbsp; <a href="{U_SEARCH}">{L_SEARCH}</a>
&nbsp;• &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>&nbsp; • 
&nbsp;<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
&nbsp; • &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
&nbsp;• &nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a>&nbsp; • &nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>&nbsp; 
• &nbsp;<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td><img src="templates/fiblue3d/images/tnav_tl.gif" width="14" height="23" alt="" /></td>
		<td width="80%" class="tbltop">&nbsp;</td>
		<td><img src="templates/fiblue3d/images/tnav_tr.gif" width="15" height="23" alt="" /></td>
	</tr>
	<tr>
		<td class="tblleft">&nbsp;</td>
		<td>
		<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>

Ik zou die linkerbalken graag aan willen laten sluiten zodat het forum gecentreerd in het midden komt te staan. Kan iemand mij helpen..?

Groet Remco

Je hebt alleen de code van deheader gegeven maar probeer dit is:

Code: Selecteer alles

<a name="top" id="top"></a> 
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0"> 
<tr> 
<td> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
   <tr> 
        <td align="right"><img src="templates/fiblue3d/images/tnav_tl.gif" width="14" height="23" alt="" /></td> 
      <td width="80%" class="tbltop">&nbsp;</td> 
      <td><img src="templates/fiblue3d/images/tnav_tr.gif" width="15" height="23" alt="" /></td> 
   </tr> 
   <tr> 
      <td align="right" class="tblleft">&nbsp;</td> 
      <td align="right" class="topbkg"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
        <td width="100%" height="80">&nbsp;</td> 
        <td valign="bottom"><img src="templates/fiblue3d/images/phpbb2_logo.gif" width="160" height="30" alt="FI Blue 3D" title="FI Blue 3D" /></td> 
        </tr> 
     </table></td> 
      <td class="tblright">&nbsp;</td> 
   </tr> 
   <tr> 
        <td align="right"><img src="templates/fiblue3d/images/tnav_bl.gif" width="14" height="26" alt="" /></td> 
      <td class="tblbot">&nbsp;</td> 
      <td><img src="templates/fiblue3d/images/tnav_br.gif" width="15" height="26" alt="" /></td> 
   </tr> 
</table> 
<table width="100%" border="0" cellspacing="0" cellpadding="2"> 
<tr> 
<td align="center" class="topnav">&nbsp;<a href="{U_FAQ}">{L_FAQ}</a>&nbsp; •&nbsp; <a href="{U_SEARCH}">{L_SEARCH}</a> 
&nbsp;• &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>&nbsp; • 
&nbsp;<a href="{U_GROUP_CP}">{L_USERGROUPS}</a> 
<!-- BEGIN switch_user_logged_out --> 
&nbsp; • &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a> 
<!-- END switch_user_logged_out --> 
&nbsp;• &nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a>&nbsp; • &nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>&nbsp; 
• &nbsp;<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td> 
</tr> 
</table> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
   <tr> 
      <td><img src="templates/fiblue3d/images/tnav_tl.gif" width="14" height="23" alt="" /></td> 
      <td width="80%" class="tbltop">&nbsp;</td> 
      <td><img src="templates/fiblue3d/images/tnav_tr.gif" width="15" height="23" alt="" /></td> 
   </tr> 
   <tr> 
      <td class="tblleft">&nbsp;</td> 
      <td> 
      <table width="100%" border="0" cellspacing="0" cellpadding="10"> 
<tr> 
<td>

Waarschijnlijk moet je ook de class = tblleft aanpassen en in de css en align naar rechts zetten.

Hai,

de hoeken (tnav_tl) verplaatsen inderdaad wel,
maar de rand (tblleft ) niet...

Het resultaat staat hier
http://www.snelspel.nl/images/template.jpg

Dit is de code van de css:

Code: Selecteer alles

/* Background images for tables */
.tbltop{background:#003e5e url(images/tnav_t.gif) repeat-x}
.tblleft{background:#003e5e url(images/tnav_l.gif) repeat-y}
.tblright{background:#003e5e url(images/tnav_r.gif) repeat-y}
.tblbot{background:#003e5e url(images/tnav_b.gif) repeat-x}

Deze zullen dus aligned moeten worden?

Alvast bedankt voor de hulp!

eXo schreef: Waarschijnlijk moet je ook de class = tblleft aanpassen en in de css en align naar rechts zetten.

Weet iemand ook hoe dat moet? In de css alignments aanbrengen?

greetz

phpBB.nl

Lay-out probleem F1 3D blue...

Lay-out probleem F1 3D blue...