画像リスト内の画像を個別に位置を変更することはできますか？

[mino]

初めて質問します。
今、いろいろと試しています。

エントリルート
└ 画像リスト
└ 画像(A)
└ 画像(B)

例えば、Aはセンター、Bは右寄せなどを個別に設定することは可能でしょうか？

よろしくおねがいします。

[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>

[mino]

年末の忙しいところつまらない質問で、

お手数お掛けしました。

CSSでの例参考になります。


質問をもうひとつ。

管理ページ内の画像リスト一覧か、個別画像編集ページ内に

「左」「中央」「右」などという位置変更するような項目を追加できますか？

よろしくおねがいします。


説明不足ですみませんでした。

[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>

　のように書くことで可能かと思います。
　よろしければお試し下さい。

[mino]

イメージ通りです。

webmaster　さん返答が早いですね。

大変頼もしいです。

後日、CMSD導入しますので、

また不明な点がありましたら、ご質問します！

よろしくお願いします。

[webmaster]

　minoさん、ありがとうございます。

　結構、作業が入って返答が遅れてしまうことがある為、ご迷惑をおかけすることもあるかも
しれませんが、極力対応させて頂きます。

　またご不明な点がありましたらご質問下さい。
　CMS Designerはデザイナーさんの想像力＆創造力で様々な活用ができるツールです
ので、いろいろ試して頂ければ幸いです。