画像リンクと配置

戻る

画像リンクと配置

質問

(QHMユーザーフォーラムから)
リンク先Aとリンク先Bというものを左右に並べて配置することができません。
どのような記述をすればよいのでしょうか?

回答

  • リンク画像を左右に並べるにはいくつかありますが、使う目的によっておまじないを使い分けてください。

検証

  • リンクを張ったおまじないを横並びにつなげる。間隔は、キーボードのスペースキーを使う。最初の画像があまりにも左よりだったので、左の画像にセンター指定を追加した。

    画像の説明                  画像の説明

CENTER:[[&ref2(swfu/d/kirin01.gif,nolink,,画像の説明);>FrontPage]]                  [[&ref2(swfu/d/kirin01.gif,nolink,,画像の説明);>検証一覧]]


  • 表のおまじないを使う。
画像の説明画像の説明
|[[&ref2(swfu/d/kirin01.gif,nolink,,画像の説明);>FrontPage]]|[[&ref2(swfu/d/kirin01.gif,nolink,,画像の説明);>検証一覧]]|


  • 段組のおまじないを使う。バランスを取る為に、段組のおまじないの前の行にインデントを追加。画像が小さかったので、リンクのおまじないをセンター指定にしました。

    画像の説明

画像の説明

>
#style2(style=width:45%;float:left;text-align:left){{
CENTER:[[&ref2(swfu/d/kirin01.gif,nolink,,画像の説明);>FrontPage]]
}}
#style2(style=width:45%;float:left;text-align:left;margin-left:10px){{
CENTER:[[&ref2(swfu/d/kirin01.gif,nolink,,画像の説明);>編集のコツとは]]
}}
#clear


アンケート

  • このページはあなたにとって参考になりましたか?
選択肢 投票
参考になった 6  
もっと詳しく 0  
分かりにくかった 3