料理のレシピ（括弧の作成）

ホームページビルダーで料理のレシピを作成中です。
{
↑
この括弧を使って
A{みりん
　しょうゆ...
　（実際はみりんからしょうゆまで括弧でくくりたい
ことと括弧でくくりたいものはふたつとは限らないのですが）
どのようにこの括弧を作成すればよいでしょうか？

No.1 回答者： shy00 回答日時： 2004/07/20 21:15

画像にしましょう

２行用、３行用etc作成すればいいのでは？

または、Table（枠なし）を組んで表示する
肉
調味料A　しょうゆ
　　　　　　　みりん
調味料B　砂糖
　　　　　　　コショウ
などなど

この回答へのお礼

まさしくこのとおりに表で作成してあります。
で、このAの横に{をいれたいのです。画像にするとは？？ウェブアートデザイナーで書く？？といくことですか？？？

お礼日時：2004/07/20 21:20

No.2 回答者： zero-fighter 回答日時： 2004/07/20 22:00

よくわからないのですが、#1さんのTableで、

＋－－－－－＋－－－－＋
｜調味料Ａ｛｜しょうゆ　　｜
｜　　　　　　｜みりん　　　｜
＋－－－－－＋－－－－＋
か
＋－－－－－＋－－－－－＋
｜調味料Ａ　　｜｛しょうゆ　｜
｜　　　　　　　｜　みりん　　｜
＋－－－－－＋－－－－－＋
ではだめなのでしょうか？

この回答へのお礼

ありがとうございます～
ただ単純に{でくくりたいだけなのです^_^;

お礼日時：2004/07/21 07:51

No.3 回答者： koma1000nin 回答日時： 2004/07/20 22:04

ご質問では半角で示されているようですが、全角（漢字）表記ではダメなのですか？

A{みりん
　しょうゆ…
}

ではなく、

Ａ｛みりん
　　しょうゆ…
　　｝

でいいじゃないですか？

この回答へのお礼

質問が下手でm(__)m
ありがとうございます～
ただ単純に{でくくりたいだけなのです^_^;

お礼日時：2004/07/21 07:52

No.4 回答者： ham_kamo 回答日時： 2004/07/20 22:48

こんな感じでどうでしょうか。

<TABLE>
<TBODY>
<TR>
<TD rowspan="2" valign="middle"><FONT size="+4">{</FONT></TD>
<TD>みりん</TD>
</TR>
<TR>
<TD>しょうゆ</TD>
</TR>
</TBODY>
</TABLE>

ツールを使って作るのなら（私はホームページビルダーを使ってみたのですが）、上のＨＴＭＬの場合、

・２ｘ２の表を挿入
・左側の列の２つの行を結合
・結合した左側の列に｛　を書いて、サイズを大きくする。（＋４にしてあります）
・右側の列のそれぞれの行に「みりん」「しょうゆ」と書く
・表の枠線を非表示にする

という手順でやりました。しかし、見栄えはいまいちです。かっこでくくりたいものが増えたら、さらに不格好になるかもしれません。

この回答へのお礼

かなりきれいにできましたよ(^^♪
ありがとうございます。
もう表は20×20くらいで作成してあるので
なんとかがんばってタグをいれてみたいと
思いますm(__)m

お礼日時：2004/07/21 07:49

No.5 回答者： zero-fighter 回答日時： 2004/07/20 22:48

#2です。

もしかして、こんなイメージですか？
　　　　　　　／　醤油　　＼
調味料Ａ＜　　みりん　　｜
　　　　　　　＼　みそ　　／
それなら｛｝を画像にするしかないと思います。
ウェブアートデザイナーで作ってください。

No.6 回答者： phonehead 回答日時： 2004/07/20 22:56

画像にするとは、フォトショップなどのペイントソフトのテキスト入力ツールで｛を書いて、jpgやgifでファイルを書き出します。

出来たファイルをテキストとテキストの間に<img>タグで挿入してやる。って感じです。
これで、表示するときの注意点は、文字と画像の高さを合わせること。（テキスト12ptで画像が16ピクセルぐらいだったような。うろ覚え。この場合二段だから32ピクセル。でも、行の高さとかも考慮しなければならないから・・・。）

No.2さんのやり方が一番伝わりやすいんじゃないでしょうか。

No.7 回答者： koma1000nin 回答日時： 2004/07/21 00:29

なぁ～んだぁ、Ａの横に大きな"{"括弧を置きたいんですか。

それならワードのオートシェイプ「基本図形」の中に用意してあります。これを縦に引き伸ばしてＨＰビルダに貼り付けるだけでGIF画像になります。

この回答へのお礼

一応、ワードのオートシェイプでも書いてみてたのですが、サイズを調整すると、線が切れたような感じになるのでなにかもっといい方法はないかな？？
と思いつつ、この方法がやはりよさそうですね～
ありがとうございます(^^♪

お礼日時：2004/07/21 07:43

No.8 回答者： ringoyama 回答日時： 2004/07/21 07:38

私も、時々lionmayumi さんのようなことをしています。

私は、ウエブアートデザイナーで作っています。
まず、キャンバス上で、必要な文字、今回の場合は、みりんとしょうゆという言葉をＡボタン（文字入力ボタン）をクリックして文字入力して、その後、もう一度Ａボタンをクリックして今度は記号と入力して確定する前に変換キーを押してlionmayumi さんのご希望の{を選びます。{を一旦、確定した後、その{を拡大したり、太字を解除したり、色を付けたりその時その時で変えて作成しています。２行でも３行でも１０行でも比較的綺麗に作成できます。が、もし、lionmayumi さんの思ってらっしゃることと違っていたら、ごめんなさいね。

この回答へのお礼

^_^;すいません
ものすごく単純に括弧でくくりたかっただけでした。
ありがとうございます～～

お礼日時：2004/07/21 07:54

No.9 ベストアンサー 回答者： koma1000nin 回答日時： 2004/07/21 10:29

再び#7です。

"{"のサイズはワード側で調整します。ＨＰビルダ側で拡大してはいけません。どんな図形でも、拡大や縮小を加えればいびつになります。
また、"{}"間に入る文字とのバランスを考えたら文字のほうも画像にすべきで、これもすべてワード側でできます。
Webをご覧になる方々の表示文字サイズはまちまちで、最大から最小まで、５段階のサイズのどれを選択されるかわかりません。自分の編集画面だけで判断しないことですね。

この回答へのお礼

ありがとうございますm(__)m
ワードで何とかできました。
なかなかサイズがあわないので大変でしたが...

お礼日時：2004/07/22 08:24