プロが教える店舗&オフィスのセキュリティ対策術

こんにちは。
今ホームページを作っているのですが、
表を使うとどうしてもうまくいきません。
標準モードで作っています。
表の列の幅を固定したいのですが、
それがうまくいきません。
今やってるのは、セルの幅の欄にピクセル数を入力しています。
何も入力していない状態でしたら、うまくその幅を表示してくれるのですが、
長い文字列や大きい画像を入れるとだめです。
画像は切れたままでいいのですが・・・。
ちょっと詳しい友人が、表を入れ子にすればうまくいく、と教えてもらったんですが、
入れ子にしてもできませんでした。
何重にも入れ子にしないといけないのでしょうか?
よろしくお願いいたします。

A 回答 (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で固定させてくでさい。これできちんと、幅固定ができます。

この回答への補足

こんにちは。
あれからやってみたら、固定することができたようです。
未だなんかきつねにつままれたような感じですが(笑)
とにかくできたので、本当に助かりました。
がんばってホームページを完成させたいと思います。
どうもありがとうございました。

補足日時:2004/09/30 12:54
    • good
    • 0
この回答へのお礼

透過gifですか。
まったく思いつきもしませんでした。
とりあえず、教えられたやり方でやってみたいと
思います。
ありがとうございました!

お礼日時:2004/09/30 10:08

この現象昨日体験しました。


三列作成して左右に同じサイズの画像を置き、左側は左寄せ、右側は右寄せにしました。
真中は中央に改行あり二行の文字列を中央揃えで置きました。
そしてプレビューすると、右側の画像がどうも左寄りになっています。
属性を見ると左右ともキッチリ同じのサイズになっているのに、いうことをきいてくれません。
こんな格好です。
┌─────┬───────────┬─────┐
│■■■  │ OKWebの皆さん │■■■  │
│■■■  │ おはようございます │■■■  │
│■■■  │           │■■■  │
├─────┴───────────┴─────┤
│                       │
あれこれ考えた末(考えてもいないですが)直接HTML
記述を直してみました。つまり、真中のセルのサイズを
少しずつ(100ドットずつ)広げてみたのです。
すると、あるセル幅でピタリ次のように直りました。
参考にして下さい。
┌─────┬───────────┬─────┐
│■■■  │ OKWebの皆さん │  ■■■│
│■■■  │ おはようございます │  ■■■│
│■■■  │           │  ■■■│
├─────┴───────────┴─────┤
│                       │
なお私の場合、枠を非表示にしたデザインでした。
    • good
    • 0
この回答へのお礼

HTML、できればあまり触りたくないんですが、
でも、やってみますね。
ありがとうございました。

お礼日時:2004/09/30 10:05

どこでも配置モードしか使った事ないのですが・・・


どこでも配置モードではダメなんですか?
(問題点はあるようですが・・・ヘルプ参照)
頑張ってくださいヽ(^。^)ノ
    • good
    • 0
この回答へのお礼

すみません。
どこでも配置モードではなくて、通常モードで作りたいのです。
がんばります。
ありがとうございました。

お礼日時:2004/09/30 10:04

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!