ページ 1 ／ 1
画像リスト内の画像を個別に位置を変更することはできますか？
Posted: 2006年12月22日(金) 19:49
by mino
初めて質問します。
今、いろいろと試しています。
エントリルート
└ 画像リスト
└ 画像(A)
└ 画像(B)
例えば、Aはセンター、Bは右寄せなどを個別に設定することは可能でしょうか？
よろしくおねがいします。
Re: 画像リスト内の画像を個別に位置を変更することはできますか？
Posted: 2006年12月26日(火) 13:23
by webmaster
minoさん、ご質問ありがとうございます。
お返事遅れて申し訳ありません。
Aをセンター、Bを右寄せ・・・のようにするには、CSSを使用するのが最も一般的
かと思います。
画像の寄せは、外側のdiv要素にtext-alignを指定する方法が一般的です。
右寄せ、左寄せの場合にはfloatを使いますが、この説明は省きます。
まず、デザイン定義側の画像の出力部分を、それぞれdiv要素で囲みます。
コード: 全て選択
<div class="imagea"><img src="{image_a}" /></div>
<div class="imageb"><img src="{image_b}" /></div>
次に、そのページのCSSに次のようなstyleを指定します。
コード: 全て選択
div.imagea { text-align : center; }
div.imageb { text-align : right; }
div要素に直接styleを指定してしまっても良いかもしれません。
コード: 全て選択
<div style="text-align: center;"><img src="{image_a}" /></div>
<div style="text-align: right;"><img src="{image_b}" /></div>
お返事ありがとうございます。
Posted: 2006年12月26日(火) 18:49
by mino
年末の忙しいところつまらない質問で、
お手数お掛けしました。
CSSでの例参考になります。
質問をもうひとつ。
管理ページ内の画像リスト一覧か、個別画像編集ページ内に
「左」「中央」「右」などという位置変更するような項目を追加できますか？
よろしくおねがいします。
説明不足ですみませんでした。
Re: お返事ありがとうございます。
Posted: 2006年12月27日(水) 13:49
by webmaster
webmasterです。回答がずれていたようで申し訳ありません。
コード: 全て選択
<data name="image" type="img" caption="画像" />
<data name="align" type="menu" caption="配置">
<menuitem id="left">左</menuitem>
<menuitem id="center">中央</menuitem>
<menuitem id="right">右</menuitem>
</data>
のようにスキーマを追加しておき、
コード: 全て選択
<div style="text-align:{align}"<img src="{image}" /></div>
のように書くことで可能かと思います。
よろしければお試し下さい。
ありがとうございます！
Posted: 2006年12月27日(水) 18:48
by mino
イメージ通りです。
webmaster さん返答が早いですね。
大変頼もしいです。
後日、CMSD導入しますので、
また不明な点がありましたら、ご質問します！
よろしくお願いします。
Re: ありがとうございます！
Posted: 2006年12月27日(水) 22:44
by webmaster
minoさん、ありがとうございます。
結構、作業が入って返答が遅れてしまうことがある為、ご迷惑をおかけすることもあるかも
しれませんが、極力対応させて頂きます。
またご不明な点がありましたらご質問下さい。
CMS Designerはデザイナーさんの想像力＆創造力で様々な活用ができるツールです
ので、いろいろ試して頂ければ幸いです。