表の幅を意図したとおりにするには？

ゆかりん [HomePage] 1999/10/19(火) 01:59:47
上記のＨＰを作っている者です。ジオで見て、ここに来ました。
ネットスケープ・コンポーザーでＨＰ作りをしています。
２列の表を作ったとき、左側の表の幅が、意図したようにできないで
困っています。

Winで見てる時は問題なかったのですが、Macで見てびっくり、
左側の表が異様に幅が狭く、１文字分の幅しかなくなっている。

あわてて、左側の表の幅を、%ではなく、ピクセル指定するようにして、
これでバッチリ．．．と思ったら、愕然、
なんと、前よりもっと酷い結果に．．．
どうも、win画面とmac画面は、ピクセル数が違うみたい。
winで丁度良くしたら、macでは、表の中の文字すら全く表示されない
羽目になってしまった．．．

同じwinでも、画面の大きさが見る人によって違うので、表が
どれくらいの大きさになるかは８４％に指定して、これでいっか、
と思っていたんだけど、（そうすると表の背景画像のリピートが
見る画面によって出方が違うけど、それはもう諦めた。）

macであんなに狭くしか表示されない、というのは、いくらなんでも
激ヤバで困っています．．．．

表のこういう問題って、解決できないのでしょうか？
これを解決するのって、左側の縦に並ぶ表の中に、一こま一こま
画像を入れて、サイズを固定するぐらいしか、やりかたはないでしょうか？

しくしく，，，，
どうぞよろしくお願いします。

Tomo 1999/10/19(火) 02:18:00
右のセルを折り返し禁止にしてはいけませんか？
<TD ALIGN=CENTER NOWRAP>

ゆかりん 1999/10/19(火) 02:25:33
うーんと、右のセルを折り返し禁止、の意味がわからないのと、
あと、それはネットスケープ・コンポーザーでは、使えないコマンドなの
でしょうか？（どこからやるかわからない）
タグ打ちで書かないと駄目なんでしょうかねー、

Tomo 1999/10/19(火) 02:26:59
左のセルでした。ごめんなさい(^^;
あとWinでもIE5だと左の表が狭いです。
NN4.5だと大丈夫のようですが。

Tomo 1999/10/19(火) 02:43:29
コンポーザーは使ってないのでよくわかりませんが、表やセルの大きさ
指定する機能ってややこしいのですか？
ざっとソースを見た感じ、表の全体のサイズは55％になっていますが
左のセルの大きさの指定はないようです。一度、確認してみてください。

ゆかりん 1999/10/19(火) 20:55:08
げげ、ＩＥ５でも障害が出るのかー、
左のタグ折り返し禁止って、どうやるんでしょうか、
ネスケコンポでのやり方が知りたいです．．．

あと、今は５５％になってます。（自分のところの見栄えを基準に
一応作り直した）
左のセルはピクセル指定にしてみたら、マックでひどいことになったので
やはりそれも外しました。

うまく作るのは難しいですねー、

れ 1999/10/20(水) 15:32:28
大枠のテーブルが％指定だと画面によってセル幅は小さくなります。
画像がある場合は画像を小さくするわけにはいかないので
画像の幅を限界としてセル幅を小さくします。
左の枠には文字しか入ってないから優先権低いんだよね。
限界（１文字～の幅）まで小さくなっちゃってるみたい。

左の枠のどこかにダミーで透明な画像とか貼っちゃったらダメ？
ごく小さい透明画像を作ってWIDTH指定して貼り付ける。
画像表示してない人にはちょっと見えちゃうけどね。
そういう事すると嫌われるのかなぁ？

ゆかりん 1999/10/20(水) 15:44:43
透明な画像を貼り付けるぅ！？
あったまいい～、
そっか、そういう手があるのね。

ホームページ作る適性って、そういうことがすぐ思い浮かぶか浮かばないか、
でしょうね。感心しました。

あき（駅南） 1999/10/20(水) 15:57:22
はじめまして～。
通りがかりのものですけど、ちょっと提案。
ぺージのソースを見た感じでは、
全体のテーブル・55％
左セル・指定なし、
右セル・幅100％高さ100％
下セル・列スパン2
になってるようなので、
左右のセルの幅を50％にして左セルの中にあるテーブルの幅を100％
あと右セルの高さを指定なし
でいいと思うけど（ちょっと弱気）
どうかな。
あと、れさんのおっしゃるとおり、％指定だとある程度画面が
広くないと左セルの幅が狭くなります。
あれ、もう解決した？

かなん [E-Mail] 1999/10/20(水) 17:25:58
私も以前セルの幅を確実にコントロールしようと思って
挫折した経験があります・・・。
ブラウザによって違うのは意識してましたけど、
OSでもだいぶ見え方が違うんですね。ショック・・・。
ところで、ネスケコンポーザーでのセルの折り返し禁止の方法ですが、
１．禁止指定したいセルにカーソルを持っていって右クリック
２．ショートカットメニューから「表のプロパティ」を選択
３．「セル」のタブをクリック
４．「文字列のスタイル」の「改行なし」をチェック
ということで出来ると思います。
実はネスケコンポを使っているわけではないのですが、
試しにやってみたらソースは合っていたので大丈夫だと思います。
ただ場合によっては改行禁止指定しても改行することはありますよ。
文字列自体に改行禁止を指定した方がまだ確実だったと思います。
（それでも改行するときはする・・・）

れ [E-Mail] [HomePage] 1999/10/20(水) 18:46:41
追記：さっきの透明な画像貼り付ける（邪道？）って書きましたが、
これの便利なところは「完全にサイズを固定せずに、
最低サイズを指定できる」ところです。実は私も使っています。
他にもそういうことされてるとこってどのくらいあるのかなぁ？

画像非表示の場合も一応表示テストしてます。
ひどくなければ許してください～～ってことで(^^;)。

ゆかりん 1999/10/21(木) 01:40:09
なさけないのだけれど、質問。
win98のペイントを使って、壁紙の写真と同じ大きさの透過GIFを作ろうとしました。
まず、jpg写真を呼びこみ、GIFで保存。そのあと、全てを選択して、選択範囲をクリアして、
（これで絵が消えたと思った）で、「背景を透明にする」にした。

これで、指定したサイズの透明GIFができたつもりでいた。
しかし、貼ると、白くなる。下は見えない。
それに、貼った下にリンクの文字がずれてしまう。
（これは当然か．．．）

そのリンク文字の背景には、当然壁紙が見えるので、白い四角の下に、従来の
目次が出る、みたいな感じになってしまった。トホホ．．．

図形を入れると、文字が下に行くことを考えれば、結局、この文字を合成した
背景画像を項目の種類だけ作り、その画像をクリックしたら、その項目に
飛ぶ方式にする以外、やっぱりないですかね．．．．
とほ。

ゆかりん 1999/10/21(木) 01:52:33
表のプロパティで、セルをいじる、と言うのは、考えが及んでなかった！
そこに折り返し禁止があったのね、見掛けないと思っていたら．．．

今、左のセルのプロパティをいろいろいじって作り直してみました。
ＩＥ５の皆さん、MACの皆さん、ちょっとどう見えるか、確認して頂けますか？

れ [E-Mail] [HomePage] 1999/10/21(木) 10:18:58
まず画像透明化に失敗してると思います。
Win98のペイントの機能は良くわかんないのだけど…。
あと画像サイズの透明gifじゃなくて画像の幅×高さ１で十分です。

れ [E-Mail] [HomePage] 1999/10/21(木) 10:30:04
もっと言うと透明画像は1×1で作ってもいいですよ。
これでどうでしょう↓
<TABLE BORDER="1">
  <TR>
    <TD height="100">
      このしたに透明画像を貼る
      <IMG SRC="dummy.gif" WIDTH="200" HEIGHT="1">
    </TD>
    <TD>
      <IMG SRC="title.gif" WIDTH="305" HEIGHT="43">
    </TD>
  </TR>
  <TR>
    <TD height="100">メニュー２</TD>
    <TD>内容とか</TD>
  </TR>
</TABLE>

れ 1999/10/21(木) 10:44:25
何度もゴメンなさい、キャッシュで表示してて
追加投稿見えてませんでした。IE4.01では正常です。
でも画像１枚分をセルに入れるのが本来の意図ならば
文字を大きくするとそうならなくなってしまうけど良いですか？
文字を折り返さない×画像は１枚分のどちらに重点を置くかですよね。

ゆかりん 1999/10/21(木) 13:11:35
うーんと、とりあえず折り返ししない、で解決したので、
今回はこれでいいと思うんだけど、透明画像のやりかたも興味ある。
文字とかぶらないようにする為に、１行分の画像でもＯＫ、って
ことですよね？
あとタグで書かれたのは、ちょっと見てもすぐにわからないのもあるので、
あとでソースでネスケコンポで組んで見てみます。

ゆかりん 1999/10/23(土) 00:26:53
ふぅー、やぁーっと解決した～、と思ってたら、解決してないよー！
だめだ．．．
さっきMACで見たら、左の表の背景画像が出てない．．．
何故だ．．．
こればかりはお手上げだなー。

うーん、なんでこんなに機種間で差があるんだ。
大変だね、ＨＰ作りって。いい勉強になるわ。

[上に] [前に] [次に]