html初心者です。
仕事で、
テーブル内の行にある文字と文字の間(セル間?)を調整したいが、どうすれば…
外枠だけで、内枠の線は無しにしています。
ーーーーーーーーーーーーーーーーーーー
テーブルタイトル帯(右端まで)
あいう えお
かきく けこ
ーーーーーーーーーーーーーーーーーーー
上記の様なテーブルがあります。
あいう〜えお間の余白が広すぎて、調整したいです。
ブラウザを縮小したら
ーーーーーーーーーーーーーーーーーーー
テーブルタイトル帯(右端まで)
あいう えお
かきく けこ
ーーーーーーーーーーーーーーーーーーー
とちょうどよくなるのですが、
最大化しても同じ間隔になるようにぎゅっと詰めて調整したいです。
なお、テーブル全体の枠や帯の色などは
classで設定されていますが、
システム管理者(サイト側)か、昔、拾ってきたやつをそのまま利用しているだけのいずれかで、スタイルシートの中身がどうなっているのか、どこにあるのか、周りも全く分からず困っています。
こちらが指定してるのは、htmlのみです。
あいう〜けこ間のコードは以下
<table class=”○○”>
<tr bgcolor=〜> <td width=〜>
あいう 画像リンク
</td>
<td width=〜>
えお 画像リンク
</td>
</tr>
・
・
・
かきくけこも同様です。
あいう〜えお間の余白を縮める(ブラウザ縮小しても最大化しても同じ間隔)には、
widthの数値をかえるのでしょうか?
しかし小さくしたり大きくしても、縮まりませんでした。すべて同じ数値にしました。
スタイルシートをいじるしかないでしょうか?
どうしても中身を知ることはできない状況です。。
htmlだけで行ごとの調整は可能でしょうか?
No.1ベストアンサー
- 回答日時:
ですから、tableを使って配置するのは根本的に間違い・・・。
ウェブ開発だと、当然firefoxお使いだと思いますが、そのアドオン fireBug使えば、ソースの一はわかるはずです。値を適当に変えてチェックもできるし、スタイルシートのカスケーディングも一目でわかる。
右側(えお、けこ)のwidthを無しにしたら縮まりました!(^_^)
すみません、まだまだ簡単な修正すら自信がなく、色を変えたり画像リンクをはったりというレベルです。
tableがそもそも間違いという域には達してないです。。これから、ひとつずつ考えていきますね。すみません…。
ちなみにIEです。またIE以外で閲覧することもないです。全従業員がIEで閲覧していますが、開発がfirefoxとか言われてもまだまだチンプンカンプンです。学んで1.2週間たちますが、まだまだ頑張らないといけないですね。。
ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- Visual Basic(VBA) エクセルのマクロについて教えてください。 2 2023/01/06 08:39
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Excel(エクセル) capeofdragonと申します Excel2016を使っておりまして 半角又は全角の任意文字列が 2 2022/10/31 13:51
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- Word(ワード) ワード。長い四角の中に文字を体裁良く入力するには。 2 2022/09/24 14:19
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
tableのheight指定が効かない
-
HTMLでテーブルを横に並べる方法
-
一部CSSを無効にする
-
テーブル内に画像を表示したい。
-
ウィンドウのサイズを変えても...
-
2つのテーブルを左右に表示した...
-
箇条書きリストのすぐ横に画像...
-
同じ行で画像は左寄せ、右側に...
-
一つのテーブル内の文字色だけ...
-
テーブルでスクロールを同期したい
-
Dreamweaverでテーブルの列幅を...
-
DWで、デザインビューに表示さ...
-
インラインフレームの隣に画像...
-
画像の表示位置について・・・。
-
右つめにしたテーブルの左の余...
-
tableタグとformタグの組み合わせ
-
テーブルの行を折りたたみたい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
ヘッダー固定のスクロールが可...
-
tableのheight指定が効かない
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
2つのテーブルを左右に表示した...
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブルでスクロールを同期したい
-
画像の横にテーブルを。。。
-
テーブルの高さ幅の固定方
-
スタイルシートで、画像の横に...
おすすめ情報
追記です。table classのあとに、style=border-collapse:collapseがあります。その後にcellspacing=”1”をいれても無理で、むしろ、枠線ができてしまいました。