• 締切済み
  • 暇なときにでも

テーブル幅の計算ソフトしりませんか?

 HTMLを打つときに、画像やテーブルの幅など計算する作業ってとても煩雑ですよね。画像のwidth,hightを書き込んでくれるユーティリティはよく見かけますが、テーブル幅を出すものなどはみなさんご存知でないでしょうか?   ドリームウィーバーでも出来るのは知っているのですが、エディタで書いていて計算のためだけにあの巨大なソフトを立ち上げるのはちょっとどうも・・・  とてもモノグサな動機の質問でスミマセンが・・・  お答えをいただければうれしいです。 

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数131
  • ありがとう数31

みんなの回答

  • 回答No.1

ツール使わないでテーブル幅を指定するなら、細かい数字使わなければ良いのでは ないでしょうか? 10単位で設定すれば、それほど面倒ではないと思うんですけど・・・

共感・感謝の気持ちを伝えよう!

質問者からの補足

 ご回答ありがとうございます。  たしかに10単位でできる場合ではわかりやすいですね。 う~ん、でもスライスや、文字要素がテーブルに入ってくる場合わりと厳密に指定したいので・・・  やはり計算しやすく見やすいようにコードを書いて地道に計算するのが近道なんでしょうね。  ソフト(言い遅れましたが当方、Macです)以外にもTIPSなどご存知の方がいらっしゃいましたらどうか教えてくださいませんでしょうか。  どうもありがとうございました。  

関連するQ&A

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

    ソフトは DREAMWEAVERを使用しています。 スタイルシートを指定した瞬間、テーブルの幅が広くなって、テーブル幅を指定しても変化がありません。 せめて広くなったテーブルの真中に文字をもってきたいのですが、どうすればよいのでしょか?

    • ベストアンサー
    • HTML
  • テーブル幅を完全に100%にしたい

    テーブルの幅を画面の端っこから端っこまでの完全なる100%にしたくて以下のようにしたのですが、どうしてもブラウザの端の方が微妙にあいていて白色が見えます。 <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#0E2C49" bgcolor="#003300"> <tr><td>test</td></tr> </table> どうすれば完全に幅100%になりますか? できる限り<div>は使いたくありません。 tableで構成しているし、なにより<div>の使い方を知らないからです。 また、ヘッダー部分を作っているので、できれば画面下の余白も全くない状態にしたいと考えています。 協力お願いします。 ちなみにソフトはDreamweaver8使っています。

    • ベストアンサー
    • HTML
  • テーブルの幅の指定・・・

    テーブルの幅が変わらないように 幅を指定するようにするにはどうしたらよいでしょうか? 普通にwidth=100などと打ち込んでいるのですが、 サイズが変化してしまいます。 もうちょっと具体的に言うと、 <table> <tr> <td></td> <td></td> </tr> <tr> <td colspan=2></td> </tr> </table> 上に二つテーブルがあって、 その下に一つのテーブルがある状態です。 この状態で、上の二つのテーブルの右側の方には画像を入れて、 幅と高さを指定したいと思っています。 その下には、文を打ち込む予定です。 この画像のところを変化しないように指定したいのです。 画像が何重にも写らないようにしたいからです。 文をたくさん打ち込むとそれだけテーブルが大きくなりますよね。 そのときに上の二つのテーブルのところの 画像が入っていない左のほうのテーブルの長さを変化させたいのです。 どうすればいいでしょうか? よろしくおねがいします。

    • ベストアンサー
    • HTML
  • テーブルに画像を入れると、テーブルの幅が広がってしまいます

    HTML初心者の者です。 3行2列のテーブルを作り、左側の列に縮小した画像を入れたのですが、左側の列が画面いっぱいに広がってしまい、画像の幅に合わせて幅を狭くすることが出来ないでいます。 どうしたら、画像の幅に合わせて左列の幅を狭くすることが出来るでしょうか。 その部分の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
  • テーブルを固定

    □□□ □□□ 上記のように6つのテーブルを作ったとします。 スタイルシートで"<table style="width="200" height="200">のように幅を指定しても 作ったテーブルより小さいサイズの画像を入れただけでも全体が大きく崩れてしまいます。 これをテーブルの幅を幅以下の画像なら("width="200" height="200"で作った場合は199まで)動かないように完全固定したいのですがどのような方法で可能になるのでしょうか?。

    • ベストアンサー
    • 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>

  • DreamWeaver8 テーブル間のセル行幅変更

    DreamWeaver8にて4行3列のテーブルを作成しました。 各セルの中に画像を隙間なく埋め込もうとしているのですが、 画像の上下に余白がついてしまうので、セル幅を変えようと セルのラインをクリック→ドラッグして行幅を狭くしたいのですが、 他の動かしたくないセルの行幅までも動いてしまい、テーブル全体が 大きくなってしまいます。 任意の1つのセルのみ行列幅を変更したい場合はどのように すればよろしいのでしょうか。

  • 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">&nbsp;</td> </tr> <tr> <td width="225" height="150" align="left" valign="top">いいいいいいいいいいいいいいいいいいいいいい</td> </tr> </table> このときに、ファイアーフォックス3での表示と、IE8での表示に 違いが大きいんです。(IEの表示の方が縦が長くなります) このままだと右側の背景画像の高さと左のテキストの高さが あいません・・・それぞれのテーブル幅などの指定はきちんと しているつもりなのですが、どうすれば良いのでしょう。 CSSの利用はなしとして、どなたか教えて頂けないでしょうか。

    • ベストアンサー
    • HTML
  • Dreamweaver でのテキストの行間表示ついて

    現在、Dreamweaverを用いて、ホームページの作成を行っております。 テキスト主体のページを作成しておりますが、テキストの行間の幅が、Dreamweaverのデザイン用エディタ画面で表示した時と、ブラウザ上に表示した場合で、異なります。 行間設定は、CSSのline-hightを使用しておりますが、 その設定値を正しく反映し、表示しているのは、ブラウザであり、Dreamweaverのデザイン用エディタ画面が設定値以上に、大きな幅で表示していることがわかりました。 デザインを行う際に、設定値を反映した、正常な表示を見ながら作業を行いたいので、非常に不便で困っております。 (今は、デザイン作業を進め、毎回、ブラウザに表示させて、内容を確認しているので、余計な手間をとっています。) Dreamweaverのデザイン用エディタ画面で、 設定値を正常に反映した画面を表示させる方法について、ご存知の方がいらっしゃいましたら、ご指導頂けますと幸いです。 何卒、よろしくお願いいたします。

  • 再投稿:テーブルタイトルの幅指定

    重要なことが抜けておりましたので、再投稿します。申し訳ありません。 テーブルの<th>の幅指定が上手くいきません。 htmlファイルのstyle部分にcssを書きこんでいます。 現状 ------ 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とtdの幅が均等に表示されます。 thに画像を入れておりまして、画像抜きですと幅指定がきちんと反映されます。 しかし画像を入れたバージョンは、画像の幅より余裕をもったth幅となります。謎です。 どうすれば画像を入れたまま、幅指定を反映してもらえるでしょうか?

専門家に質問してみよう