0

テーブルのwidth="30%"に設定した部分が１文字分になってしまい、文字が横に入らず縦に入ってしまいます。 小ウィンドウを設定したせい？ ｃｓｓでは下記のようにしてあります。

#contents #c_pad table {
width: 555px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
#contents #c_pad table td {
margin-top: 5px;
padding: 5px;
border: none;
}
.t7 {
font-size: 12px;
color: #696969;
padding: 5px;
vertical-align: top;
border-collapse: collapse;
}

で、htmlでは、

<div id="c_pad">
<h2>○○</h2>
<div class="c_img_left"><img src="image/abc.jpg" width="555" height="228" alt="△△"/></div>
<MARQUEE width="760"><IMG src="image/aaa.gif" width="70" height="70" border="0"><IMG src="image/bbb.gif" width="90" height="50" border="0"><IMG src="image/ccc.gif" width="80" height="80" border="0"></MARQUEE>
<BR>
<TABLE cellpadding="5" cellspacing="2" bgcolor="#cccccc" border="0">
<TR>
<TD valign="top" bgcolor="#ffffff" width="30%" class="t7">○○</TD>
<TD bgcolor="#ffffff" class="t7">△△</TD>
</TR>
<TR>同じように続くようにいくつか行ができるよにしてあります。

これで表示できていたはずなのですが、地図を小ウィンドウで開きたい部分があったため、下記のようなjavascriptを入れました。


<script language="javascript">
function subWin(){
sub1=window.open("http://・・・・・・・","window","scrollbars=yes,resizable,menubar=no,directories=no,status=no,location=no,width=400,height=520");
}
</script>
</head>を入れておき、

入れたい部分は下記のようにしました。
<TR>
<TD valign="top" bgcolor="#ffffff" width="30%" class="t7">○○<BR>
<BR>
</TD>
<TD bgcolor="#ffffff" class="t7">○○<BR>
〒000-0000 東京都○○0-00-0<a href="javascript:subWin();">[地図]</a><BR>
ＴＥＬ 000-000-0000 ＦＡＸ 000-000-0000<BR></TD>
</TR>

javascriptを入れる前までは表示できていたと思うので、これが原因かなと思っています。意味はよくわかっておらず、小ウィンドウを作りたくて調べたものをコピーしました（小ウィンドウの表示はできます）。
またはあれこれ他をいじっていて何かが間違っているのでしょうか。

この情報でわかれば教えていただきたいですm(__)m

質問者が選んだベストソリューション

Yahoo!知恵袋 5026日前