ブログ

トピック詳細

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

• 旧フォーラムの記事です
  CFDN　2005-04-02 09:29:48
  件名　：画像の枠
  
  自分でマニュアル書いておいて何ですが、枠を付ける画像を指定出来る分、こちらの方法がスマートかもしれません（謎）。
  
  スタイルシートに以下の内容を貼り付けます。
  marginやpaddingなどの余白等、線種、色はお好みで変更して下さい。
  
  
  
  /* 枠付の画像（投稿時に自分でクラスを設定する必要があります） */
  .pics {
  padding : 5px;
  background : #fff;
  border : 1px solid #e3dcd0;
  }
  
  /* 枠付の画像を左側に回り込み（投稿時に自分でクラスを設定する必要があります） */
  .pics-l {
  float : left;
  margin : 0 10px 5px 0;
  padding : 5px;
  background : #fff;
  border : 1px solid #e3dcd0;
  }
  
  /* 枠付の画像を右側に回り込み（投稿時に自分でクラスを設定する必要があります） */
  .pics-r {
  float : right;
  margin : 0 0 5px 10px;
  padding : 5px;
  background : #fff;
  border : 1px solid #e3dcd0;
  }
  
  
  画像を投稿する際にクラス名を追加して投稿して下さい。
  
  例）画像を左側に回り込ませる場合
  
  <img src="画像のパス" width="画像の幅" heigh t="画像の高さ" alt="代替テキスト" class="pics- l" />
  
  
  回り込みを行わない場合はclass="pics"、右側の場合はclass="pics- r"です。
  
  尚、画像貼り付け機能を使うと自動で<br clear="all">が付加されますので 、手動で取り除いて下さい。残っていると正しく動作しません。
  
  
  詳しい使い方とか、ウチのブログのソースを見るといいかもしれません。

  2005年04月02日 09:29 by FC2スタッフ