- 締切済み
テーブル幅の計算ソフトしりませんか？
HTMLを打つときに、画像やテーブルの幅など計算する作業ってとても煩雑ですよね。画像のwidth,hightを書き込んでくれるユーティリティはよく見かけますが、テーブル幅を出すものなどはみなさんご存知でないでしょうか？ ドリームウィーバーでも出来るのは知っているのですが、エディタで書いていて計算のためだけにあの巨大なソフトを立ち上げるのはちょっとどうも・・・ とてもモノグサな動機の質問でスミマセンが・・・ お答えをいただければうれしいです。
- pluto
- お礼率66% (12/18)
- フリーウェア・フリーソフト
- 回答数1
- ありがとう数31
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- shigatsu
- ベストアンサー率26% (511/1924)
ツール使わないでテーブル幅を指定するなら、細かい数字使わなければ良いのでは ないでしょうか？ １０単位で設定すれば、それほど面倒ではないと思うんですけど・・・
関連するQ&A
- テーブル幅が固定できない
テーブル幅が固定できないく困っています。 ドリームウィーバー上では意図した指定幅で表示されているのですが、ブラウザで確認してみると、両端の方のセルが極端に圧縮（幅が短くなる）され、それ以外のセルも圧縮されてしまいます。 画面を横スクロールしなければならないほどに横長のテーブルを作成するとこの現象が起きます。 colspanを使っているからいけないのでしょうか？ それともほかに原因があるのでしょうか？ このようなときの解決方法を教えてください。
- 締切済み
- HTML
- テーブルに画像を入れると、テーブルの幅が広がってしまいます
HTML初心者の者です。 ３行２列のテーブルを作り、左側の列に縮小した画像を入れたのですが、左側の列が画面いっぱいに広がってしまい、画像の幅に合わせて幅を狭くすることが出来ないでいます。 どうしたら、画像の幅に合わせて左列の幅を狭くすることが出来るでしょうか。 その部分のHTMLは、以下の通りです。 <table border="0" align="center"> <tr> <td><img src="*****.jpg" width=20% align="right"> </td> <td>説明文・・・・</td> </tr> <tr> </td><img src="*****.jpg" width=20% align="right"> </td> <td>説明文・・・・</td> </tr> <tr> </td><img src="*****.jpg" width=20% align="right"> </td> <td>説明文・・・・</td> </tr> </table>
- ベストアンサー
- HTML
- テーブルの幅の指定・・・
テーブルの幅が変わらないように 幅を指定するようにするにはどうしたらよいでしょうか？ 普通にwidth=100などと打ち込んでいるのですが、 サイズが変化してしまいます。 もうちょっと具体的に言うと、 <table> <tr> <td></td> <td></td> </tr> <tr> <td colspan=2></td> </tr> </table> 上に二つテーブルがあって、 その下に一つのテーブルがある状態です。 この状態で、上の二つのテーブルの右側の方には画像を入れて、 幅と高さを指定したいと思っています。 その下には、文を打ち込む予定です。 この画像のところを変化しないように指定したいのです。 画像が何重にも写らないようにしたいからです。 文をたくさん打ち込むとそれだけテーブルが大きくなりますよね。 そのときに上の二つのテーブルのところの 画像が入っていない左のほうのテーブルの長さを変化させたいのです。 どうすればいいでしょうか？ よろしくおねがいします。
- ベストアンサー
- HTML
- HTMLでテーブル幅を固定しても文字が折り返せない
HTMLのテーブル幅を文字が突き抜けて幅が広がってしまって困っています。 例としては以下のような連続した文字が入った場合です。 <table width="150"> <tr><td width="150">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaあいおえう </td></tr> </table> どなたか、適切に折り返すにはどうしたらよいかご存知の方おりましたら、おしえてください。
- ベストアンサー
- HTML
- テーブルの高さ幅の固定方
現在、 JSPによりDBから読み込んだデータを HTMLのテーブルに表示しようとしているのですが、 データはTDの幅"WIDTH"以上のデータが来ます。 このような中で、TDに高さ"HEGHT"を指定しているのですが、 セル内で改行され高さがテーブル内で不揃いとなってしまいます。 この様な場合、高さをそろえる為にはどの様にすればいいのでしょう。 データを予め短くするしかないのでしょうか？ ご存知の方がいらっしゃったら宜しくお願い致します。
- ベストアンサー
- HTML
- テーブル幅を自動で画像幅にしたい。
以下のjavascriptコードで、画像幅を取得し、テーブル幅を設定するために、 <table class="priceLabel" width="imgWight();"> と書いているのですが、幅が設定されません。 やり方が判らなくて、困っております。 ご存知の方がおられましたら教えてください。 よろしくお願い致します。 <script language="JavaScript"> <!-- // pulldownmenu {literal} function imgWight() { var MyImg = new Image(); MyImg.src = "imgs/skblpnkyllw1.gif"; return(MyImg.width); } //--> </script>
- ベストアンサー
- JavaScript
- tableのズレについて
はじめて投稿します。 説明がわかりづらいかも知れませんが、 どなたかお知恵をお貸し頂けると助かります。 当方、パソコンは仕事ではなく私用で使っておりますが、 サイトをいくつか持っており、 ＨＴＭＬとＣＳＳだけは独学である程度勉強しましたが、 それ以外のパソコン知識は全くの素人ですので、 出来ればパソコンの専門用語等は使わずご教授頂けると助かります。 わががま言ってごめんなさい。ｍ（＿＿）ｍ 表題のtableのズレについてですが、 tableタグを使用しておおまかなサイトの枠組みを作っているのですが、 その中でwidthによってtdタグの幅を指定している部分があるのですが、 そのtdタグ内に画像を貼ると指定した幅がズレるのです。 指定したwidthの幅を超える大きな画像を貼った場合ならわかるのですが、 かなり幅に余裕のある画像を貼ってもズレるのです。 考えられる理由としてはどのような事が考えられるでしょうか？ 本等を読んでも全然理由が見当たりません。 どなたかご教授頂けると助かります。 どうかよろしくお願いいたします。ｍ（＿＿）ｍ
- ベストアンサー
- HTML
- IEでのテーブル幅
質問させて下さい。 テーブルのソースが以下のようになっています。 <table width="450" height="300" border="1" cellpadding="10" cellspacing="0" bordercolor="#333333"> <tr> <td width="225" height="150" align="left" valign="top">あああああああああああああああああああああああ</td> <td width="225" height="300" rowspan="2" background="haikei.jpg"> </td> </tr> <tr> <td width="225" height="150" align="left" valign="top">いいいいいいいいいいいいいいいいいいいいいい</td> </tr> </table> このときに、ファイアーフォックス3での表示と、IE8での表示に 違いが大きいんです。（IEの表示の方が縦が長くなります） このままだと右側の背景画像の高さと左のテキストの高さが あいません・・・それぞれのテーブル幅などの指定はきちんと しているつもりなのですが、どうすれば良いのでしょう。 CSSの利用はなしとして、どなたか教えて頂けないでしょうか。
- ベストアンサー
- HTML
- 再投稿：テーブルタイトルの幅指定
重要なことが抜けておりましたので、再投稿します。申し訳ありません。 テーブルの<th>の幅指定が上手くいきません。 htmlファイルのstyle部分にｃｓｓを書きこんでいます。 現状 ------ table{ width: 900px; margin:0; padding:0; border-top:#00cc00 2px dotted; border-collapse: collapse; font-family:'メイリオ',"ヒラギノ丸ゴ Pro",sans-serif; } th{ width: 200px; border-bottom:#00cc00 2px dotted; } td{ width: 700px; padding:10px; border-bottom:#00cc00 2px dotted; } （中略） <body> <table> <tr> <th scope="row"> 画像とリンク</th><td>説明</td> </tr> 以下略 ----- ｔｈを左にもってきて、ｔｄと違う幅にしたいわけですが、なぜかthとtdの幅が均等に表示されます。 thに画像を入れておりまして、画像抜きですと幅指定がきちんと反映されます。 しかし画像を入れたバージョンは、画像の幅より余裕をもったth幅となります。謎です。 どうすれば画像を入れたまま、幅指定を反映してもらえるでしょうか？
- ベストアンサー
- ホームページ作成ソフト
補足
ご回答ありがとうございます。 たしかに10単位でできる場合ではわかりやすいですね。 う～ん、でもスライスや、文字要素がテーブルに入ってくる場合わりと厳密に指定したいので・・・ やはり計算しやすく見やすいようにコードを書いて地道に計算するのが近道なんでしょうね。 ソフト（言い遅れましたが当方、Macです）以外にもTIPSなどご存知の方がいらっしゃいましたらどうか教えてくださいませんでしょうか。 どうもありがとうございました。