- 締切済み
(;´Д`A ```間隔を詰めるには...?
今スクリプト勉強しているのですが、↓のようにやってみると、まのびした感じになってしまいます。 それぞれの間隔をくっつけたいのですが、どうしたらいいのでしょうか？ どうか教えてください(m。_。)m オネガイシマス <html> <head> <title></title> <style type="text/css"> <!-- A.link2 { font-size:8pt; color: #ff0000; font-family:Impact,Chicago; padding: 0.1em 0.6em 0.1em 0.6em; background-color:#000000; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee; border-bottom:1px solid #666666; border-right:1px solid #666666; text-decoration:none; } a:hover.link2{ color:#ff0000; background-color:#ffffff; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee; border-bottom:1px solid #666666; border-right:1px solid #666666; text-decoration:none; } --> </style> </head> <body> <center> <TABLE BORDER="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> <TR> <TD width="20%" nowrap><a href="aaa.html" class="link2"> AAA </a></TD> <TD width="20%" nowrap><a href="bbb.html" class="link2"> BBB </a></TD> <TD width="20%" nowrap><a href="ccc.html" class="link2"> CCC </a></TD> <TD width="20%" nowrap><a href="ddd.html" class="link2"> DDD </a></TD> <TD width="20%" nowrap><a href="eee.html" class="link2"> EEE </a></TD> </TR> </table> </center> </body> </html>
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- tibesoro
- ベストアンサー率29% (125/423)
<TABLE BORDER="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> width="100%"というところが100%の横幅です。 height="100%"が100%の縦幅という意味です。 その縦100% × 横100%の正方形の中に、 <TD width="20%" nowrap><a href="aaa.html" class="link2"> AAA </a> width="20%"という横幅20%の間隔で文字を配置しようとする記述になっているので、文字の間が開いてしまいます。 この数値を％ではなく、数値にすれば固定されます。 例えば <TABLE BORDER="0" cellpadding="0" cellspacing="0" width="700" height="600"> <TD width="40" nowrap><a href="aaa.html" class="link2"> AAA </a> この数値は自分が指定したい数値にすればいいですよ。
- eub55
- ベストアンサー率39% (58/147)
コンニチワ。 とりあえずですね、全ての列（セル）の幅が画面の20%となっているので、画面幅の20%ずつの間隔を取ってしまうのは仕方ないと思います。 もし、詰めたいのであれば <TABLE BORDER="0" cellpadding="0" cellspacing="0" height="100%"> <TR> <TD nowrap><a href="aaa.html" class="link2"> AAA </a></TD> <TD nowrap><a href="bbb.html" class="link2"> BBB </a></TD> <TD nowrap><a href="ccc.html" class="link2"> CCC </a></TD> <TD nowrap><a href="ddd.html" class="link2"> DDD </a></TD> <TD nowrap><a href="eee.html" class="link2"> EEE </a></TD> </TR> </table> とすれば、まずは簡単に詰まると思います。 （それぞれのwidth="○%"のところを削除してしまえば、中に入力されている文字列の幅に自動調整されますので） これで詰まりすぎなら <TABLE BORDER="0" cellpadding="●" cellspacing="0" height="100%"> の●のところに適当に数字を入れればその分間隔を取ることもできます。 出来上がりにしたいイメージがわからないので、適当なことしかいえませんが、他にもいろんな方法が取れると思います。 <table>が入っている場合には、編集中はいったん<table border="1">としておいたほうが、どんな状況になっているのか確認しやすいと思いますので、どうぞ参考にして下さい。
