はてなブックマーク

ここでは、ちょっと役立つCSSをメモ程度に置いていきます。 ご自由にお使いいただけますが、設置後の動作を保障するものではありませんのでご注意ください。 昔っから、tableやdivなどの「幅」はともかく、「高さ」に苦戦しました。 CSS主流になってからは特にやっかいで、divに高さ指定して、うっかりして入れすぎるとテキストがびょ～～んとはみ出したりとか（笑）、そりゃもう「高さ」の概念はちょっと・・・的になってました。 いや、CSSでも「最低の高さ」を指定する「min-height」っていうプロパティがあるんですよ、実は。 でもね、これがまたおりこうさんのIEには効かなかったりするわけですよ。（泣） で、いろいろ探してたら見つけました♪howtohp.comさんに載っていた方法をご紹介します。 これだとIEでもきちんと表示されるので便利！しかも簡単！ ありがたくて涙が出てきました。（笑） :

WEBデザイナーの視点から作った使いやすい超シンプル素材をご提供します！当サイトで掲載している素材は全て無料でご利用いただけます。商用利用や加工もOKです。ご自由にお使いください！（素材数：2010/09/27現在-5967）

前に似たようなのがありましたが、丸に三角の入った矢印アイコンです。 ※こちらはpngファイルです。 >> ZIP一括ダウンロード

見出し用の画像です。 以下CSSで表示させていますので、画像は一括ダウンロードしてください。 ※こちらはpng画像です。 サンプル サンプル サンプル サンプル サンプル サンプル サンプル サンプル サンプル サンプル >> ZIP一括ダウンロード *** CSSサンプル *** h3 { height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 15px; font-size:16px;font-weight:bold;color:#444444; background-image:url(img/head017_01.gif); } ※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください。 見出し用の画像です。ちょ

ちょっとカッコイイフォント（フォント名不明）のNEWアイコンです。※静止版はpngファイルです。 >> ZIP一括ダウンロード

ちょっと透明感のあるボタン用背景画像です。文字を乗せてお使いください。 ※こちらはpngファイルです。 >> ZIP一括ダウンロード

この間テレビでスペインの世界遺産を見てたら感動したので、 ちょっとだけモザイク柄イメージの画像を作ってみました。 >> ZIP一括ダウンロード

＜CSS表記＞ .table_01 { width:100%;margin:0px 0px 10px 0px;padding:0px; border-collapse:collapse; border-top:1px dotted #999999; } .table_01 th { width:25%;padding:4px 2px 2px 4px; text-align:left;vertical-align:top;color:#666666; background-color:#EEEEEE; border-bottom:1px dotted #999999;border-left:5px solid #FF9900; } .table_01 td { padding:4px 2px 2px 4px; border-bottom:1px dotted #999999;border-l

Count per Day 8023839総閲覧数:3645569総訪問者数:21今日の訪問者数:40昨日の訪問者数:1現在オンライン中の人数: 「超シンプル素材集」へようこそ！ 商用利用OK・加工OK・許可不要・ALL無料のホームページ用素材をご用意しております。かなり自由にご利用いただけますが、ご利用の際は一応「利用規約」をご覧ください。