こんにちは。
今ホームページを作っているのですが、
表を使うとどうしてもうまくいきません。
標準モードで作っています。
表の列の幅を固定したいのですが、
それがうまくいきません。
今やってるのは、セルの幅の欄にピクセル数を入力しています。
何も入力していない状態でしたら、うまくその幅を表示してくれるのですが、
長い文字列や大きい画像を入れるとだめです。
画像は切れたままでいいのですが・・・。
ちょっと詳しい友人が、表を入れ子にすればうまくいく、と教えてもらったんですが、
入れ子にしてもできませんでした。
何重にも入れ子にしないといけないのでしょうか?
よろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
anpan_baikin_manさん、こんばんは。
まず、
理論上では入れたピクセル数で固定!ってかんじなんですが、実際はそうはいきません。
セルの幅(td)に、ピクセル数(width="数値")を入れても、中に入れた文字が長い場合や、中にいれた画像の横幅(width)がそのピクセル数より大きければ、そちらにひきずられ、指定したピクセル数での幅にはなりません。
では、どうしているのか…というと、
空白のgif(透明な透過gif)って、知っていますか?これを使います。
<tr>から</tr>の1行目に、固定させたい幅の透明なgifで幅を固定させるのです。
例えば、左が200pxで、右が300pxで固定させたい場合、1×1pxの透明なspace.gifを用意しておきます。
それを、
左には高さ1px幅200pxで入れて、
右には高さ1px幅300pxで入れます。以下ソース。
<tr>
<td widht="200"><img src="space.gif" height="1" width="200"></td>
<td widht="300"><img src="space.gif" height="1" width="300"></td>
</tr>
そして、2行目からは入れたい画像や、文字をいれていってください。
<tr>
<td widht="200">もじもじもじもじ</td>
<td widht="300">もじもじなど</td>
</tr>
1行目をきっちり透明画像で固定をすれば、あとは2行目からはそれにならえになります。(もちろん、中に入れる画像の横幅は、指定したピクセル数以下でないといけませんが…)
もし、ソースがわからなかったら、すみません。
また、pxではなく%で指定をしても、ちゃんとその指定した%にはなりません。結構なりゆき~になります。
また、
「入れ子」で製作するときは、テーブル幅をきちんと設定してください。そして、透過gifで固定させてくでさい。これできちんと、幅固定ができます。
この回答への補足
こんにちは。
あれからやってみたら、固定することができたようです。
未だなんかきつねにつままれたような感じですが(笑)
とにかくできたので、本当に助かりました。
がんばってホームページを完成させたいと思います。
どうもありがとうございました。
透過gifですか。
まったく思いつきもしませんでした。
とりあえず、教えられたやり方でやってみたいと
思います。
ありがとうございました!
No.2
- 回答日時:
この現象昨日体験しました。
三列作成して左右に同じサイズの画像を置き、左側は左寄せ、右側は右寄せにしました。
真中は中央に改行あり二行の文字列を中央揃えで置きました。
そしてプレビューすると、右側の画像がどうも左寄りになっています。
属性を見ると左右ともキッチリ同じのサイズになっているのに、いうことをきいてくれません。
こんな格好です。
┌─────┬───────────┬─────┐
│■■■ │ OKWebの皆さん │■■■ │
│■■■ │ おはようございます │■■■ │
│■■■ │ │■■■ │
├─────┴───────────┴─────┤
│ │
あれこれ考えた末(考えてもいないですが)直接HTML
記述を直してみました。つまり、真中のセルのサイズを
少しずつ(100ドットずつ)広げてみたのです。
すると、あるセル幅でピタリ次のように直りました。
参考にして下さい。
┌─────┬───────────┬─────┐
│■■■ │ OKWebの皆さん │ ■■■│
│■■■ │ おはようございます │ ■■■│
│■■■ │ │ ■■■│
├─────┴───────────┴─────┤
│ │
なお私の場合、枠を非表示にしたデザインでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excelのテーブルについて 6 2023/07/07 08:37
- Excel(エクセル) エクセルについて教えてください。 3 2023/03/24 08:34
- Visual Basic(VBA) A列にある値をB列・C列にVBAで切り出し 3 2022/04/09 19:20
- Excel(エクセル) Excelでこういうカードの作り方 枠線の引き方や、挿入画像の拡大縮小など わかる方教えてください、 2 2022/05/03 21:22
- Excel(エクセル) countif関数について質問 4 2022/06/14 12:11
- Visual Basic(VBA) エクセルVBAについて 2 2023/01/31 16:21
- Excel(エクセル) エクセルの散布図で新たに入力した値のデータラベルが空欄になる現象 1 2022/04/26 09:31
- Excel(エクセル) 【EXCEL】=セル&セルが上手く表示できない。 7 2022/09/04 21:32
- Excel(エクセル) Excel 表の作成について 3 2022/06/16 12:15
- Excel(エクセル) エクセル VBA For Next 繰り返しの書き方を教えてください 6 2022/09/01 14:11
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズに合ったもの...
-
バーコードのサイズは拡大縮小...
-
iphoneでcanvaを利用してるので...
-
パソコンでランドルト環の作成...
-
Excelの列や行の幅を表示...
-
jQueryで画面サイズによってス...
-
エクセルの行の幅がずれる
-
エクセルでサイズ指定でPOP...
-
Excel セルの幅が合わない
-
ホームページビルダーで表の列...
-
PDFへてのテキストボックスにて...
-
ワードで、横書きの数字を縦書...
-
敬語
-
Excelの列の幅(ピクセル)につい...
-
ホームページビルダーで横幅に...
-
A4の紙をきれいに3等分に折...
-
フェイスブックをホームページ...
-
とある漫画に、縦幅が人差し指...
-
Excel2003のVBAで、セルの幅・...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルでサイズに合ったもの...
-
Excel セルの幅が合わない
-
バーコードのサイズは拡大縮小...
-
Excel で等間隔で縦線を引きた...
-
PDFへてのテキストボックスにて...
-
エクセルの行の幅がずれる
-
エクセルでサイズ指定でPOP...
-
Excelの列や行の幅を表示...
-
Excelで文字の幅を変える方法
-
Excelの列の幅(ピクセル)につい...
-
道路幅を調べたいのですが
-
ホームページビルダーで表の列...
-
【エクセルVBA】シェイプのサイ...
-
パソコンサイズが横30cm縦20cm...
-
ワードで、横書きの数字を縦書...
-
敬語
-
A4の紙をきれいに3等分に折...
-
ホームページビルダーで横幅に...
-
パソコンでランドルト環の作成...
-
エクセルVBAで列幅設定
おすすめ情報