• コミュニティトップ
• トピック一覧
• 新着トピック
• 最近活発なトピック
• 閲覧数の多いトピック

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧

新しい順  |  古い順

• 旧フォーラムの記事です
  sugar　2006-06-01 11:01:32
  件名　：
  
  <a class="postlink" href="http://www.hajimeteno.ne.jp/stylesheet/actually/align.html">http://www.hajimeteno.ne.jp/stylesheet/ ... align.html</a>
  ダメですね。この方法ではセンタリングできないのですね。
  しかも、個々の方法も間違っていることが分かりました。
  <a class="postlink" href="http://www.mozilla.gr.jp/standards/webtips0004.html">http://www.mozilla.gr.jp/standards/webtips0004.html</a>
  大変失礼しました。以下の通り修正します。
  （というか、img要素をそのままセンタリングする方法ってないのかしら……）
  
  個々に書く場合
  

  
  <div style="margin-left:auto;margin-right:auto;width:画像の横幅;"><img src="画像URL" alt="画像名等"></div>

  
  になります。
  
  とすると、テンプレートに書き込む場合……
  本文を書くときに、

  <a href="画像URL" target="_blank"><img src="画像URL" alt="画像名" border="0"></a><br clear="all">

  
  を<div class="img">〜</div>で囲み、CSSに
  

  div.img {
  margin-left:auto;
  margin-right:auto;
  width:画像の横幅;　　
  }

  を追加
  画像の横幅が決まっている場合はこれで行けそうですが、画像の幅にバリエーションがある場合、これではダメです。
  
  hayamazaimokuzaさん、ごめんなさい、私の手には余ります。
  調べている時間もないので、どなたかヘルプお願いします <img src="{SMILIES_PATH}/icon_cry.gif" alt=":cry:" title="Crying or Very sad" />
  by sugar & FC2blog beauties  2006年06月01日 11:01
  by sugar & FC2blog beauties
  2006年06月01日 11:01
• 旧フォーラムの記事です
  hayamazaimokuza　2006-06-01 10:29:34
  件名　：
  
  ご指導ありがとうございました。
  早速実践したところ
  
  ＞個々に書くのでしたら
  の方法で解決いたしました。
  
  ＞常に画像は中央にしたいということでしたら、
  の方法は大変魅力的ですが
  反映されませんでした。
  数度、試しましたが中央に寄りません。
  
  再度、ご教授いただきたくお願い申し上げます。
  by FC2スタッフ  2006年06月01日 10:29
  by FC2スタッフ
  2006年06月01日 10:29
• 旧フォーラムの記事です
  sugar　2006-06-01 07:40:39
  件名　：
  
  こんにちは。
  追記：以下は誤りです。
  
  個々に書くのでしたら

  <div style="text-align:center;"><img src="画像URL" alt="画像名等"></div>
  本文

  でしょうか。
  
  常に画像は中央にしたいということでしたら、テンプレートの編集で以下に加筆します。

  img {
  border:none;
  text-align:center;
  }

  こうしておけば、上のようなタグを入れずとも、画像を置いたら常にセンタリングしてくれます。勿論テキストは左寄せです。
  by sugar & FC2blog beauties  2006年06月01日 07:40
  by sugar & FC2blog beauties
  2006年06月01日 07:40