ここから本文です

このWiki文法を教えてください!

rer********さん

2009/11/1516:55:00

このWiki文法を教えてください!

Wiki文法で質問があります。
左に1個大きく画像をおき、右側に上下2つに分けて文字入力ができるようにする、
そんな文法はありませんか?見本(?)は下の画像なんですが・・・
やはり普通に左と右でわけるだけしかできないんでしょうか?

もうひとつこちらも聞いておきたいんですが、
画像(たとえばGIFアイコン)のよこに文字を書くときに
絶対に画像が下に下がっちゃうじゃないですか。
文字の横にちゃんと置けるようにする方法ってありますか?
たまに下に下がってないのを見るんですが・・・
アイコンのサイズの問題なんでしょうか?
よろしくお願いします!!!

FFFFFF'style,text-top',wiki文法,word-spacing,vertical-align,FF0000,文字

閲覧数:
238
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

xxx********さん

編集あり2009/11/1603:41:18

そうですね・・・。
一応、出来なくはないですが、左側の画像と文字の書き出しに
ズレが生じたりしますし、サイズ調整も難しいと思います。
周りに枠がなければ、それなりに格好も付きますが・・・。

*横幅250px、縦幅600pxの画像を用いた場合の例です。

【文字の周りに枠を付ける場合】
[[attached(1,left)]]
||<#FFFFFF'style='width:260px;height:280px;text-align:center;font-size:8pt;color:#000000;word-spacing:260px;border:solid 1px #000000;vertical-align:text-top'``ココに文字。||
||<#FFFFFF'style='width:260px;height:280px;text-align:left;font-size:8pt;color:#FF0000;word-spacing:260px;border:solid 1px #FF0000;vertical-align:text-top'``ココに文字。||

この文法を使うと、左側の画像と文字位置の若干のズレが生じます。




【文字の周りに枠を付けない場合】
[[attached(1,left)]]
||<#FFFFFF'style='width:260px;height:280px;text-align:center;font-size:8pt;color:#000000;word-spacing:260px;vertical-align:text-top'`` ココに文字。 全角スペースで改行。 枠は使用していません。 ||
||<#FFFFFF'style='width:260px;height:280px;text-align:left;font-size:8pt;color:#FF0000;word-spacing:260px;vertical-align:text-top'`` ココに文字。 全角スペースで改行。 枠は使用していません。 ||

コチラの方が画像部分と文字部分のズレが解りにくいかも・・・。




【画像そのものをこのような画像にレイアウトして文字入れする場合】
||<#FFFFFF'style='background-image:url(http&#58//画像のURL);background-repeat:no-repeat;padding-left:300px;width:250px;height:600px;text-align:left;font-size:8pt;color:#000000;word-spacing:250px;vertical-align:text-top'``ココに文字。||

上下の枠に文字が綺麗に収まるように全角スペースを入れ、
確認ボタンを押しながら、調整する必要があります。
下図の画像を利用しました。(テキトーです。)


http://blogs.yahoo.co.jp/xxxaoiaxxx/49438620.html

コチラで実験しています。
グラデーション部分が画像だと思って下さい。
結構難しいですよ・・・・。


絵文字については、画像の形状によってはどうしても、文字より若干下にズレて
表示されてしまうようです。
調整する方法はありません。

そうですね・・・。
一応、出来なくはないですが、左側の画像と文字の書き出しに...

質問した人からのコメント

2009/11/16 14:29:11

笑う 回答ありがとうございました!
普通に背景画像を2つに分けたような形で作り左側に余白を200ptほどいれてやってみました。
その方法でもあまり変わらなかったので^∀^
画像はやっぱり下に下がっちゃうんですね・・・ どうにかしてほしいです。
ありがとうございました。

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる