ブログ

トピック詳細

コメント一覧 4件中、1～4件表示

• 旧フォーラムの記事です
  Anonymous　2005-04-10 22:04:56
  件名　：見ていただいてありがとうございます。
  
  

  画像サイズが記事部分に設定したwidthを超えないように気をつけて下さい。

  
  
  了解です、ご丁寧にありがとうございました！
  できてみれば簡単な質問だったな…もっと勉強します(ﾟｰﾟ;A

  2005年04月10日 22:04 by FC2スタッフ

• 旧フォーラムの記事です
  CFDN　2005-04-10 21:17:41
  件名　：
  
  特に問題ないと思いますよ。
  取りあえず、borderとpaddingを設定した場合、レンダリングの標準モードと後方互換モードでwidthの値が変 化しますので、画像サイズが記事部分に設定したwidthを超えないように気をつけて下さい。
  
  普通に使っていれば大丈夫だと思いますが、幅が大きい画像を扱う際は注意して下さい。

  2005年04月10日 21:17 by FC2スタッフ

• 旧フォーラムの記事です
  Anonymous　2005-04-10 13:14:53
  件名　：CSS変更してみました。
  
  CFDN様、返信ありがとうございました。
  何となくイメージがまとまったので、CSSを変更してみました。
  CSSを見せていただいて、他の疑問点もかなり解消されました。ありがとうございます！
  
  これで問題ないのでしょうか？
  「こうしたほうがいい」などありましたらご意見ください。
  
  変更した結果、思い通りに表示してくれてますが、この2点が自信ありません…
  ・imgにクラスをつけたかったのですが、こんな感じで良いのか。
  ・marginとpaddingは、あわせたほうが良いのか。
  
  /* 画像の装飾 */
  .mainEntryBase img{
  margin:0px 1px 0px 0px;
  padding: 3px;
  }
  img.pics{
  float: left;
  margin:0px 10px 0px 0px;
  padding: 3px;
  background-color: #CCFFCC;
  border-right-width: 1px;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #999999;
  border-bottom-color: #999999;
  }

  2005年04月10日 13:14 by FC2スタッフ

• 旧フォーラムの記事です
  CFDN　2005-04-10 10:36:47
  件名　：
  
  img全体としては装飾を全てクリアし、必要な画像に対してだけクラスを付加して下さい。
  
  回り込みも行っているようですので、参考になるか解りませんがウチのHTMLソースとCSSソースでもどうぞ。
  
  <a class="postlink" href="http://cfdn.bl og1.fc2.com/">http://cfdn.blog1.fc2.com/</a>
  <a class="postlink" href="http://blog1.f c2.com/c/cfdn/template/skin07/style.css">http://blog 1.fc2.com/c/cfdn/template/skin07/style.css</a>
  
  必要な画像に対してclassを与えています。その辺がポイントです。
  ソースみてimgタグを見比べてみて下さい。

  2005年04月10日 10:36 by FC2スタッフ