ブログ

トピック詳細

コメント一覧 23件中、21～23件表示

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

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

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

  <a href="画像URL" target="_bla nk"><img src="画像URL" alt="画像名" ; border="0"></a><br clear="all&q uot;>

  
  を<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="Cryin g or Very sad" />

  2006年06月01日 11:01 by sugar & FC2blog beauties

• 旧フォーラムの記事です
  hayamazaimokuza　2006-06-01 10:29:34
  件名　：
  
  ご指導ありがとうございました。
  早速実践したところ
  
  ＞個々に書くのでしたら
  の方法で解決いたしました。
  
  ＞常に画像は中央にしたいということでしたら、
  の方法は大変魅力的ですが
  反映されませんでした。
  数度、試しましたが中央に寄りません。
  
  再度、ご教授いただきたくお願い申し上げます。

  2006年06月01日 10:29 by FC2スタッフ

• 旧フォーラムの記事です
  sugar　2006-06-01 07:40:39
  件名　：
  
  こんにちは。
  追記：以下は誤りです。
  
  個々に書くのでしたら

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

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

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

  こうしておけば、上のようなタグを入れずとも、画像を置いたら常にセンタリングしてくれます。勿論テキストは左寄 せです。

  2006年06月01日 07:40 by sugar & FC2blog beauties