テンプレート使用で、余白部分を無くすには・・・?



0   名前: Yukino : 2007/01/14(日) 23:01  [URL]  ID:VScpei1z
初めまして

テンプの使用で分からない事が有ったので、質問させて頂きます

【何をしたいのか】
→ 余白の部分を無くしたいです
  具体的に言うと、メニューの左横にある余白を無くして、メニューの幅を広げたいです

【現在の状況】
→ まず、やり方が分かりません

【何をしてみたのか】
→ 文字部分・・・というかアイフレで出たページの横幅を変えたりしてみました

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=x-sjis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>D R E A M</title>
<STYLE type="text/css">
<!--
body,td{ letter-spacing : 4px;
line-height : 16pt;
/* 文字同士の間の幅指定4は横の間16は縦 */

font-size:80%;
/* 80は文字のサイズ */

color:#000000;
/* #000000は文字の色 */
}

body{margin:0;padding:0;
/* 余白0 */

overflow-y:hidden;
/* 縦スクロールバー消去 */

background:url(menu.gif);
background-attachment:fixed;
/* [sky213_2.jpg]は背景画像アドレス */
}

br{letter-spacing:normal;}
/* 改行調節 */


a{ text-decoration:none;
/* リンク線消去 */
color:#000000;
/* #000000はリンクの色 */
}
a:hover{ color:#F0F0F0;
/* [#9ACD32]はリンクに触れた時の文字の色; */
}
-->
</style>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0"
style="width:100%;height:100%;border:0" summary="テーブル">
<tr>
<td style="width:50px;background-color:#ffffff"><br>
</td>
<td align="center"style="border-right:1px dashed #000000;border-left:1px dashed #000000;"><palign="center">
<a href="name.html" target="frame"><img src="http://www5.pf-x.net/~yukino/Botan/Name.PNG" border="0" width="57" height="15"></a>
<br>
<a href="short.html" target="frame"><img src="http://www5.pf-x.net/~yukino/Botan/Short.PNG" border="0" width="72" height="14"></a>
<br>
<a href="long.html" target="frame"><img src="http://www5.pf-x.net/~yukino/Botan/Long.PNG" border="0" width="57" height="15"></a>
<br>
<a href="title.html" target="frame"><img src="http://www5.pf-x.net/~yukino/Botan/Title.PNG" border="0" width="71" height="15"></a>
<br>
<a href="series.html" target="frame"><img src="http://www5.pf-x.net/~yukino/Botan/Series.PNG" border="0" width="85" height="15"></a>

<a href="http://sb7.kir.jp/vs/mbbs.cgi?id=Yukino" target="frame"><img src="http://www5.pf-x.net/~yukino/Botan/BBS.PNG" border="0" width="43"height="15"></a>
<br>
<a href="top.html" target="frame"><img src="http://www5.pf-x.net/~yukino/Botan/TOP.PNG" border="0" width="43" height="15"></a>
<br>

<!--フレーム内に表示させたい時はtarget=frameを忘れずに--></p>
<p><span style="font-size:80%">
<a href="http://tuku.egoism.jp/" target="_blank">DESIGN</a><br>
<a href="http://tachibana-mitsuhiro.com/" target="_blank">PHOTO</a>
</span></p>
</td>
<td style="width:50px;background-color:#ffffff"><br>
</td>
<td style="width:70%"><!--70は更新履歴などのページの横幅-->
<iframe src="top.html" name="frame" frameborder="0" scrolling="auto" style="width:100%;height:100%" title="text"><p>このページを表示するには、フレームをサポートしているブラウザが必要です。</p>
<p></iframe> <!--アイフレタグtemps78_top.htmはTOPページアドレスframeはフレーム名--> </p>
</td>
</tr>
</table>

<!--アイフレタグtemps78_top.htmはTOPページアドレス frameはフレーム名-->
</body>
</html>

↑ソースです


解答、お願い致します

1   名前: きゃら : 2007/01/14(日) 23:01  ID:blgJKbeP
テーブルセルの横幅が50pxに設定されているみたいです。

<td style="width:50px;background-color:#ffffff">

↑width:50px;をwidth:20px;のように小さい数字に置き換えると
余白が小さくなると思います。
*2ヶ所あります。

2   名前: Yukino : 2007/01/14(日) 23:01  [URL]  ID:VScpei1z
出来ましたッ!!!!

ですが、メニューの左横の幅は無くせないのでしょうか?

<td style="width:70%">の部分を、100%にすると、横幅は消えるのですが、メニュー部分が大きくなりません

でも、70%や80%だとメニューは大きくなるのですが横幅が出てしまいます・・・

どうやったらメニューの左の横幅は消えますか?

3   名前: きゃら : 2007/01/14(日) 23:01  ID:9xhDRl0h
左右の余白を全て無くしたい場合は
メニューの左右にあるテーブルセルを消すとなくなるので

↓この2行を削除します。
<td style="width:50px;background-color:#ffffff"><br>
</td>
*2ヶ所共に削除します。

4   名前: Yukino : 2007/01/14(日) 23:01  [URL]  ID:VScpei1z
出来ましたッッ!!!!

これで後は出来て居ない所を作るだけです!!!!

本当にありがとう御座いましたッッッ!!!!

一覧へ戻る