Lay-out probleem F1 3D blue...

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
tboz
Berichten: 4
Lid geworden op: 25 jul 2004, 09:01

Lay-out probleem F1 3D blue...

Bericht door tboz » 26 jul 2004, 08:12

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

Gebruikersavatar
eXo
Berichten: 234
Lid geworden op: 08 jun 2004, 09:50
Locatie: W`veen
Contacteer:

Bericht door eXo » 26 jul 2004, 09:36

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.
@14krpm

Gebruikersavatar
tboz
Berichten: 4
Lid geworden op: 25 jul 2004, 09:01

Bericht door tboz » 26 jul 2004, 23:49

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! :bier:

Gebruikersavatar
tboz
Berichten: 4
Lid geworden op: 25 jul 2004, 09:01

Bericht door tboz » 31 jul 2004, 00:03

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

Gesloten