Today: Yesterday: Total: Online:
カテゴリー
その他
  • RSS1.0
  • RSS2.0
  • atom0.3
  • valid XHTML1.0
  • valid CSS2
  • Credit
RSSリーダーで購読する | この日記のはてなブックマーク数 | プロフィール
コメントが一番多い記事(233コメント):人の心理の裏をかくホームページ集客術:リピータになってもらうためには
ツイートが一番多い記事(94ツイート):ちょっと待て!twitterやfacebookに子供の写真を掲載する親達への警告
いいねが一番多い記事(574いいね):facebookスパムに要注意。なりすましの見分け方とアカウント乗っ取りの手口(2013年度版)

[ カテゴリー » スタイルシート ]

カテゴリー » スタイルシート January 14, 2010

画像の横にあるテキストを上下中央にするスタイルシート ID:1263451966


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

カテゴリー » スタイルシート January 14, 2010

ボタンの文字にスタイルシートで影をつける ID:1263449191


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

カテゴリー » スタイルシート November 23, 2007

スタイルシートで見出しをつける ID:1195782166


http://allabout.co.jp/internet/hpcreate/closeup/CU20030619A/index.htm
1 / 2| 次のページ »

— posted by midilin @ 10:42AM

カテゴリー » スタイルシート November 23, 2007

スタイルシート:classとidの違い ID:1195779128


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
1 / 2| 次のページ »

— posted by midilin @ 09:52AM

カテゴリー » スタイルシート November 22, 2007

スタイルシートで文字装飾:最初の一文字のみ拡大+反転 ID:1195714526


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
1 / 2| 次のページ »

— posted by midilin @ 03:55PM

カテゴリー » スタイルシート July 26, 2007

インラインフレームを使わずにフレームっぽく見せる方法 ID:1185438935


スタイルシートの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
1 / 2| 次のページ »

— posted by midilin @ 05:35PM

カテゴリー » スタイルシート November 16, 2005

スタイルシートでマルチカラム・デザインを実現する方法 ID:1132102382


http://www.motchie.com/article/multicolumn.html
1 / 2| 次のページ »

— posted by midilin @ 09:53AM


カウンター