2005年01月04日

..._〆(゚∀゚ *) memo003 - (HTML)

【メモ - HTML】
 ・form要素内ブロックの上下の隙間
 ・imgタグを並べて使うと間にできる隙間

 こういったモノは、HTMLを記述する際に改行(CR+LF)コードがSpaceコードに
 変換されてしまう為に起こる現象。
 スタイルシートで "padding" "margin" 値を 0px に指定するか、
 タグとタグの間に改行を入れないようなHTMLの記述方法を採用するべし。

  <img src="http://www.xxxxxxx.net/images/testA.gif"/> (←ここに改行コードが入る為)
  <img src="http://www.xxxxxxx.net/images/testB.gif"/>

 では無く

  <img src="http://www.xxxxxxx.net/images/testA.gif"/><imgsrc="http://www.xxxxxxx.net/images/testB.gif"/>

 とする。

投稿者 yoshiwo : 17:45 | コメント (4)

..._〆(゚∀゚ *) memo002 - (CSS)

【メモ - CSS】

・{ vertical-align : ?; }

  横の位置を設定できる "text-align" とは違って、縦の位置を設定できる。
 適用できるのはインライン要素のみ
 (ボックス要素の場合は { position:relative; } を使うべき?)
 ※IEであっても、NNであっても、文章に適用すると、無視される傾向にある。画像だと大丈夫らしい。

投稿者 yoshiwo : 17:23 | コメント (1)

2004年12月06日

..._〆(゚∀゚ *) memo001 - (CSS)

【メモ - CSS】
 リスト要素構成タグ <UL> にはデフォルトで左側にパディングができる。
 これを無効にするにはCSSでパディング、マージン要素を 0px に指定してやれば良い。

 ・・・結構悩んだょ ......_/ ̄|○

投稿者 yoshiwo : 00:14 | コメント (0)