div.centeringTest p {
display: table-cell;
vertical-align: middle;
margin: 0;
}

/*for IE6 */
* html .centeringTest p {
display: inline;
zoom: 1;
}

/*for IE7 */
*:first-child+html .centeringTest p {
display: inline;
zoom: 1;
}

http://css-happylife.com/log/css-template/000349.shtml
http://www.yomotsu.net/wp/?p=387



あとは、img属性にvertical-align:middle
を指定するとうまくいくかも。

— posted by midilin @ 03:52PM

buttunタグを使う
（input type="button"ではだめ）

＋

filterを使う
（buttunタグにfilterをつけてもだめ。buttonの中に別属性のスタイルを定義したらうまくいった）

 

<button id="search_button"><div id="search_button_text">検索</div></button>

#search_button{

color:#FFF;

background-color:#55555d;

border:0px;

margin:0px 0px 0px 10px;

}

#search_button_text{

filter: dropshadow(color=#000000,offx=1,offy=1,positive=1);

}

 

— posted by midilin @ 03:06PM

http://allabout.co.jp/internet/hpcreate/closeup/CU20030619A/index.htm

— posted by midilin @ 10:42AM

id ページ中に1度しか登場しない
class ページ中に何度でも登場する

「id」は、ページ中で一意に特定できる場所を示すために使われるため、、1ページ中に1度しか使えない。


またidはページ内リンクにも使える

<a href="#footer">ページ末尾へ</a>
↓


  <  div id="footer">

  ここからページ末尾〜

  　：　：　：

<  /div>

http://allabout.co.jp/internet/hpcreate/closeup/CU20060910A/index2.htm

— posted by midilin @ 09:52AM

p:first-letter {
   font-size: 200%;
   color: white;
   background-color: #cc0000;
   padding: 1px;
}


<p class="orange">

この段落の先頭は大きなオレンジ色の反転文字になります。

<
/p>

http://allabout.co.jp/internet/hpcreate/closeup/CU20050204A/index2.htm

— posted by midilin @ 03:55PM

スタイルシートのoverflow: scrollを使う。

例）

<TABLE border="1">

<TBODY>

<TR>

<TD width="350" height="100">

<DIV style="height : 100px; overflow: scroll;">

A<BR>

B<BR>

C<BR>

D<BR>

E<BR>

F<BR>

G<BR>

H<BR>

I<BR>

</DIV>

</TD>

</TR>

</TBODY>

</TABLE>

また、擬似フレームの作り方は
http://www.kuhp.kyoto-u.ac.jp/~diag_rad/web/p_frame.html

— posted by midilin @ 05:35PM

http://www.motchie.com/article/multicolumn.html

— posted by midilin @ 09:53AM