[問題] 如何移除這些表格呢？

phpBB 2 Style Support
討論的範圍包含版面排列、樣式、配置；外掛問題，請到相關版面依發問格式發表！
(發表文章請按照公告格式發表，違者砍文)

版主: 版主管理群

主題已鎖定
黑風凱特
星球公民
星球公民
文章: 267
註冊時間: 2004-12-13 22:12
來自: 台灣台北
聯繫:
聯繫 黑風凱特

[問題] 如何移除這些表格呢？

文章 由 黑風凱特 »

:--a 請問各位「賢拜們」....我如果想把箭頭指的灰色的那些表格移掉(變成白色底色)，連框線都不留，我該刪掉or修改哪些code呢?

圖檔

代碼: 選擇全部

<table border="0" cellpadding="0" cellspacing="0" class="tbn">
<tr>
<td class="tbnl" rowspan="3"><img src="images/spacer.gif" alt="" width="76" height="39" /></td>
<td height="17" align="right" colspan="2"><span class="nav"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></td>
</tr>
<td class="tbnbot">
<span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span><br><img src="images/announce.gif"><marquee scrollamount=3 scrolldelay=85 width="80%" onmouseover=this.stop(); onmouseout=this.start();>{ANNOUNCEMENT}</marquee></td>
</td>
<td class="tbnr"><img src="images/spacer.gif" alt="" width="39" height="22" /></td>
</tr>
</table>

<table width="100%" cellspacing="1" cellpadding="2" border="0" align="center">
  <tr> 
	<td align="left" valign="bottom"><span class="gensmall">
	<!-- BEGIN switch_user_logged_in -->
	{LAST_VISIT_DATE}<br />
	<!-- END switch_user_logged_in -->
	{CURRENT_TIME}<br />{S_TIMEZONE}</span></td>
	<td align="right" valign="bottom" class="gensmall">
		<!-- BEGIN switch_user_logged_in -->
		<a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
		<!-- END switch_user_logged_in -->
		<a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<!-- BEGIN catrow -->

<table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline">
<tr> 
    <td class="cat" colspan="4">{catrow.CAT_TYPE}<a href="{catrow.U_VIEWCAT}">{catrow.CAT_DESC}</a></td> 
  </tr>
  <tr> 
	<th colspan="2" height="22" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
	<th width="50" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
	<th width="50" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
	<th nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
  <!-- BEGIN forumrow -->
  <tr> 
	<td class="row1" align="center" valign="middle"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
	<td class="row1" width="100%" height="50" onMouseOver="this.style.backgroundColor='#FFFFFF';" onMouseOut="this.style.backgroundColor='#F7F7F7';"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
	  </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
	  </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
	<td class="row1" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
	<td class="row1" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
	<td class="row1" width="160" align="center" valign="middle" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
<br />
  <!-- END catrow -->


<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr> 
	<td class="row1" align="center" valign="middle" rowspan="2"><img src="templates/iCGstation/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
	</td>
  </tr>
  <tr> 
	<td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>

<table width="100%" cellpadding="1" cellspacing="1" border="0">
<tr>
	<td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
</tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr> 
	<td class="cat" width="100%" height="22"><span class="cattitle"><a href="{U_LINKS}" class="cattitle">{L_LINKS}</a></span></td> 
   <td class="cat" nowrap="nowrap" align="center"><span class="cattitle">{SITENAME}</span></td>
  </tr>
  <tr> 
	<td class="row1" nowrap="nowrap"><iframe marginwidth="0" marginheight="0" src="{U_LINKS_JS}" frameborder="0" scrolling="no" width="100%" height="{SITE_LOGO_HEIGHT}"></iframe></td>
	<td class="row2" nowrap="nowrap"><img src="{U_SITE_LOGO}" alt="{SITENAME}" width="{SITE_LOGO_WIDTH}" height="{SITE_LOGO_HEIGHT}" border="0" /></td>
  </tr>
</table>
<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
<table border="0" cellpadding="0" cellspacing="0" class="tbt"><tr><td class="tbtl"><img src="images/spacer.gif" alt="" width="22" height="22" /></td><td class="tbtbot"><img src="images/spacer.gif" alt="" width="8" height="22" /></td><td class="tbtr"><img src="images/spacer.gif" alt="" width="124" height="22" /></td></tr></table>
  <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
	<tr> 
	  <td class="cat" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
	</tr>
	<tr> 
	  <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}: 
		<input class="post" type="text" name="username" size="10" />
		&nbsp;&nbsp;&nbsp;{L_PASSWORD}: 
		<input class="post" type="password" name="password" size="10" maxlength="32" />
		&nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN} 
		<input class="text" type="checkbox" name="autologin" />
		&nbsp;&nbsp;&nbsp; 
		<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
		</span> </td>
	</tr>
  </table>
  <table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
</form>
<!-- END switch_user_logged_out -->

<br clear="all" />

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr> 
	<td width="20" align="center"><img src="templates/iCGstation/images/folder_new_big.gif" alt="{L_NEW_POSTS}"/></td>
	<td><span class="gensmall">{L_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/iCGstation/images/folder_big.gif" alt="{L_NO_NEW_POSTS}" /></td>
	<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/iCGstation/images/folder_locked_big.gif" alt="{L_FORUM_LOCKED}" /></td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
圖檔
回頂端
謬西
星球普通子民
星球普通子民
文章: 19
註冊時間: 2005-02-03 04:48
聯繫:
聯繫 謬西

文章 由 謬西 »

原來是<td class="cat" colspan="4">{catrow.CAT_TYPE}<a href="{catrow.U_VIEWCAT}">{catrow.CAT_DESC}</a></td>
試試－－
<td class="cat" colspan="5">{catrow.CAT_TYPE}<a href="{catrow.U_VIEWCAT}">{catrow.CAT_DESC}</a></td>
回頂端
黑風凱特
星球公民
星球公民
文章: 267
註冊時間: 2004-12-13 22:12
來自: 台灣台北
聯繫:
聯繫 黑風凱特

文章 由 黑風凱特 »

改成5之後版面會變成這樣\r

圖檔

會變成格子往右延伸~我想是想把他變成下面這樣(我用photoimpac畫了)

圖檔

不知道有人懂我的意思嗎>"<
圖檔
回頂端
tom82612
星球公民
星球公民
文章: 123
註冊時間: 2003-10-10 17:17
來自: HK
聯繫:
聯繫 tom82612

文章 由 tom82612 »

you can't do that
圖檔
歡迎各位朋友加入任意論壇。

Now FH Is Having A Stock Market Race!
回頂端
謬西
星球普通子民
星球普通子民
文章: 19
註冊時間: 2005-02-03 04:48
聯繫:
聯繫 謬西

文章 由 謬西 »

試試這笨方法……\r
你第一層table已經有border了，所以無法用td去遮\r

<table border="0" cellspacing="0" style="border-collapse: collapse" width="{L_FORUM}+{L_TOPICS}+{L_POSTS}+{L_LASTPOST} px">
<tr>
<td>
<table border="1" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="{L_FORUM}+{L_TOPICS}+{L_POSTS} px">{catrow.CAT_TYPE}</td>
</tr>
</table>
</td>
<td>width="{L_LASTPOST} px"</td>
</tr>
<tr>
<td width="100%" colspan="2">
<table border="1" cellspacing="0" width="100%" >
<tr>
<td width="{L_FORUM} px">　</td>
<td width="{L_TOPICS} px">　</td>
<td width="{L_POSTS} px">　</td>
<td width="{L_LASTPOST} px">　</td>
</tr>

......


</table>
</td>
</tr>
</table>
回頂端
黑風凱特
星球公民
星球公民
文章: 267
註冊時間: 2004-12-13 22:12
來自: 台灣台北
聯繫:
聯繫 黑風凱特

文章 由 黑風凱特 »

請問上面這段我該放在哪呢?

我放在INDEX_BODY最前面會出現框架錯誤=___="
圖檔
回頂端
謬西
星球普通子民
星球普通子民
文章: 19
註冊時間: 2005-02-03 04:48
聯繫:
聯繫 謬西

文章 由 謬西 »

怎出線框架錯誤？只動到裡面的HTML啊！
你試試這樣……\r
其實想法就是將原有TABLE外面再包裝一個沒有格線、沒有任何距離的TABLE
外層的TABLE是二乘二，第一列第一欄包你想要有空格的那段，第二欄空著，就成為一個空白\r
然後將第二列兩個欄位合併，放進<!-- BEGIN forumrow --><!-- END forumrow -->
我只是隨便看程式碼修的，可能語法有錯，但想法觀念是這樣的，你可以將他加到HTML檔呈現出來看看，應該可以看出我的意思

<table border="0" cellspacing="0" style="border-collapse: collapse" width="100%" cellpadding="0">
<tr>
<td width="80%">
<table border="1" cellspacing="0" style="border-bottom:1px solid #FFFFFF; border-collapse: collapse; border-left-style:solid; border-right-style:solid; border-top-style:solid" bordercolor="#111111" width="100%" cellpadding="0">
<tr>
<td width="100%">訓導處</td>
</tr>
</table>
</td>
<td width="20%">　</td>
</tr>
<tr>
<td colspan="2">
<table border="1" style="border-collapse: collapse" bordercolor="#111111" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" width="50%">版面</td>
<td width="15%" nowrap>主題</td>
<td nowrap width="15%">文章</td>
\n <td width="20%">最後發表</td>
</tr>
<tr>
<td>圖</td>
<td>版面相關</td>
<td>0</td>
<td>0</td>
<td>沒有文章</td>
</tr>
</table>
</td>
</tr>
</table>

這樣的缺點是，第一個表格下端線條會與第二個重複，我想應該可以用border-bottom:1px solid #你的底色;掩飾過去\r
完整測試需要用到CSS表，但無所謂，如果你看懂了我的基本概念想法（可能想法有錯，我沒實做）就可以試著玩看看

<!-- BEGIN catrow -->
<table border="0" cellpadding="0" cellspacing="0" width="{L_FORUM}+{L_TOPICS}+{L_POSTS}+{L_LASTPOST} px">
<tr>
<td>
<table border="1" cellspacing="0" style="border-collapse: collapse">
<tr>
<td class="cat" width="{L_FORUM}+{L_TOPICS}+{L_POSTS} px">{catrow.CAT_TYPE}{catrow.CAT_TYPE}<a href="{catrow.U_VIEWCAT}">{catrow.CAT_DESC}</a></td>
</tr>
</table>
<td width="{L_LASTPOST} px">　</td>
</tr>
<tr>
<td width="100%" colspan="2">

<table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline">
<tr>
<th width="{L_FORUM} px" colspan="2" height="22" nowrap>&nbsp;{L_FORUM}&nbsp;</th>
<th width="{L_TOPICS} px" nowrap>&nbsp;{L_TOPICS}&nbsp;</th>
<th width="{L_POSTS} px" nowrap>&nbsp;{L_POSTS}&nbsp;</th>
<th width="{L_LASTPOST} px" nowrap>&nbsp;{L_LASTPOST}&nbsp;</th>
</tr>
<!-- BEGIN forumrow -->
<tr>
<td class="row1" align="center" valign="middle"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
<td class="row1" height="50" onMouseOver="this.style.backgroundColor='#FFFFFF';" onMouseOut="this.style.backgroundColor='#F7F7F7';"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
</span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
</span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
<td class="row1" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
<td class="row1" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
<td class="row1" align="center" valign="middle" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow -->
</table>

<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
</td>
</tr>
</table>
<!-- END catrow -->
回頂端
主題已鎖定

回到「風格問題討論」