スタイルシートを組むと、テーブルのセルの幅が広くなってしまいます。

質問

ソフトは
DREAMWEAVERを使用しています。

スタイルシートを指定した瞬間、テーブルの幅が広くなって、テーブル幅を指定しても変化がありません。

せめて広くなったテーブルの真中に文字をもってきたいのですが、どうすればよいのでしょか？

回答No.2

KODAMAR · ベストアンサー

上の部分だけですが、このようにしてみました。

<table height=178 cellspacing=2 cellpadding=3 width=270 border>
<tbody>
<tr>
<td height=2 bgcolor="#FFFFFF" colspan=3>
<h3 align="center"><font size="1" color="#3399CC">::::::::::::::ＨＯＴＥＬ:::::::::::::</font></h3>
</td>
</tr>
<tr>
<td width=50 height=30 bgcolor="#F5F5F5">
<div align="center">
<h1><font color="#666666"><br>
伊香保ネット</font></h1>
</div>
</td>
<td width=60><br></td>
<td height=22 bgcolor="#FFFFFF" rowspan="2" width="124">
<h1 align="left"><font color="#666666">伊香保町役場<br>
公式サイト<br>
名所を動画で紹介<br>
しています。</font></h1>
</td>

一番上の「HOTEL」の部分と「伊香保ネット」が一緒になってたので狭くしてもダメだったんだと思われます。
下の部分を伊香保ネットと、空白部分にわけて、HOTELの部分をCOLSPAN=3として、
「伊香保ネット」「空白」「伊香保町役場」の3つの上に載せるようにしました。

お礼

本当にありがとうございます。
HTMLの知識が浅いままに
ソフトでがしがし半力技的に製作しているのですが、
やはりもっと勉強して細かい所まで気を配った観易いページを作りたいです。

ありがとうございます。

回答No.1

KODAMAR

Dreameweaverのコード表示か何かでソースがみれると思いますので、そちらのソースを見せていただけませんか？

補足

一例を挙げると↓のページです。http://www12.wind.ne.jp/buraiya.ikaho/goods.htm

ソースはこれです。↓この
『伊香保ネット』の部分を狭くしたいのですが出来ません。

<table height=178 cellspacing=2 cellpadding=3 width=270 border=0>
<tbody>
<tr>
<td colspan="2" height=2 bgcolor="#FFFFFF">
<h3 align="center"><font size="1" color="#3399CC">::::::::::::::ＨＯＴＥＬ:::::::::::::</font></h3>
</td>
</tr>
<tr>
<td width=128 height=30 bgcolor="#F5F5F5">
<div align="center">
<h1><font color="#666666"><br>
伊香保ネット</font></h1>
</div>
</td>
<td height=22 bgcolor="#FFFFFF" rowspan="2" width="124">
<h1 align="left"><font color="#666666">伊香保町役場<br>
公式サイト<br>
名所を動画で紹介<br>
しています。</font></h1>
</td>
</tr>
<tr>
<td height=2 bgcolor="#FFFFFF" width="128">
<h1 align="center"><font size="1" color="#3399CC"><img src="eat.gif" width="30" height="28"></font></h1>
</td>
</tr>
<tr>
<td height=29 bgcolor="#FFFFFF" width="128">
<div align="center">
<p><font color=#ffffff size=2><img src="shope.gif" width="104" height="62" align="absmiddle"></font></p>
</div>
</td>
<td height=29 bgcolor="#FFFFFF" width="124">
<table width="77" border="1" align="center" height="31" bordercolor="#F5F5F5">
<tr>
<td height="30" width="67">
<div align="center"><font face="ＭＳ Ｐゴシック, Osaka" color="#66CC00"><a href="http://www.minque.com/home/mother.html" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21113','','link_03.gif',1)"><img src="link_01.gif" width="55" height="23" align="middle" border="0" name="Image21113"></a></font></div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>

原因がわかりましたらよろしくお願いします。