CSSフレームワーク『BlueTrip』が想像以上にすごい - present
CSS フレームワークを再認識 CSS フレームワークって、名前だけは知っていましたが、どういうものなのか全く知りませんでした。次の記事を読むまでは。 404 Not Found - ゆーすけべー日記 確かに、これは便利そうですね！ さっそく、CSS フレームワークを導入してみます。 BlueTrip を導入 CSS フレームワークはいろいろありますが、今回は先の記事で紹介されていた BlueTrip を導入してみます。 次のページからアーカイブをダウンロードし、解凍して css ファイルと画像を static フォルダに配置。 BlueTrip CSS Framework | A beautiful and full-featured CSS framework HTML の head 部に、下記を追加。 <link rel="stylesheet" href="css/screen.c
CSSレイアウトの肝！ 表示・配置のプロパティ、14選
詳しくはコチラ→ position ボックスのレイアウト方法を指定するpositionプロパティ topプロパティ topプロパティは、ボックスを配置する場合に上からの距離を指定します。基準位置の上端から配置するボックスの上端までの距離を示します。positionプロパティが「static」以外のときに有効となるプロパティです。 詳しくはコチラ→ top ボックスを配置する場合に上からの距離を指定するtopプロパティ bottomプロパティ bottomプロパティは、ボックスを配置する場合に下からの距離を指定します。基準位置の下端から配置するボックスの下端までの距離を示します。positionプロパティが「static」以外のときに有効となるプロパティです。 詳しくはコチラ→ bottom ボックスを配置する場合に下からの距離を指定するbottomプロパティ leftプロパティ leftプ
CSSで美しくデザインされたカレンダーのCSSサンプル:phpspot開発日誌
A CSS styled calendar | Veerle's blog Many times I’ve been asked how I created my calendar, or asked me if they could use the code etc. That’s why I thought it might be interesting to write an article on how to create such calendar. CSSで美しくデザインされたカレンダーのCSSサンプル。 CSSで次のように美しくスタイルされたCSSサンプルが公開されています。 カレンダーのデザインって微妙に難しいのですが、このデザインはシンプルだけど綺麗にまとまっていて美しいですね。 カレンダー部分のデザインの参考にできそう。 あと、こちらのサイトでは、いろんなサイトのデザイ
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。
テーマ別HTMLリファレンス
文書の構造を定義する最も基本的なタグ ここでは，HTML文書の構造を定義する最も基本的なタグについて説明します。表やフレームを含まないテキストだけのページであれば，ここで説明するタグとCSSを使うだけでそれなりの見栄えのものを作成できます。＊1を付けた属性は，HTML 4.01では非推奨の属性（Deprecated Attribute）になっています。現時点で利用することは可能ですが，できるだけCSSの同等の機能を使って定義するようにしてください。＊2を付けた属性はInternet Explorerで利用できます。 説明するタグ <html>，<head>，<title>，<body>，<div>，<p>，<h1>，<h2>，<h3>，<h4>，<h5>，<h6>，<span> <html> ・HTML文書のルート・エレメント（root element）を定義する ・開始タグ：任意，終了タ
ページをレイアウトしてみよう その4 CSSの編集
前回予定したようなスタイルにページをうまく整えるべく、スタイルシートを再編集する。以下の4点が主なチャレンジだ。 ページの上部にラインを入れたい 背景画像としてビジュアルを配置したい 横に並べたリストの間にスラッシュを入れたい 全体を中央寄せにしたい それぞれについて具体的な記述方法と注意点を確認していこう。その中で浮かび上がった注意点についても解説したい。 ページの上部にラインを入れたい これはレイアウト全体をまとめるDIVのIDであるwrapperに対して以下のスタイルを与え、実現した ------------------------------------------ div#wrapper { width: 600px; margin-left: 20px; background-image: url(top_line.gif); background-repeat: repeat
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASP.NET 2.0を使ってCSS対応のWebサイトを作成する