ページ全体に枠線をつけるCSSテクニック:phpspot開発日誌
CSS Trick: Creating a?Body-Border - CSS-Tricks Hicksdesign has been “fiddling” with their site design. ページ全体に枠線をつけるCSSテクニック。 ↓ブラウザのサイズを変更しても、水色の枠が画面にフィットするCSSサンプルです。 まず、マークアップ。上下左右用にdivを作成 <div id="left"></div> <div id="right"></div> <div id="top"></div> <div id="bottom"></div> 次にCSS。left,right,top,bottomのtop,left,rightなどを調節して、上下左右に設定して枠線を表現しています。 #top, #bottom, #left, #right { background: #a5ebff
CSSのレイアウト作成に役立つ便利なリソースいろいろ
最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! CSSのフレームワーク blueprintcss - Google Code 16種類の異なるCSSベースのレイアウト intensivstation :: CSS Templates :: Templates 12種類のCSSによるレイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成する
FrontPage - Web制作板Wiki
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
Ocher - フルCSSサイトの超高速構築
マクロメディア集中ゼミ行って来ました（6/15 パシフィコ横浜）。C2セッションにて「CSS完全攻略!!!3ブラウザ対応のWebサイトのつくり方」を聴講。日本におけるCSS提唱オピニオン・リーダーの一人、アンカーテクノロジー神森氏がプレゼンター。 いやぁー内容濃かったですね。あまりにスピーディーでちょっと置いてかれそうなところもありました。実際の内容はセッション題とはやや趣向が異なり、どちらかというとDreamweaverでのCSS Tipsみたいなノリでした。ま、Macromedia主催なので。その中で、超高速フルCSSサイト構築法が紹介されていました。（*勝手に命名） 作り方大公開（らしい） 画面デザインを領域に分け、名前を決めておく。 見出しレベルを確認。 Dreamweaverへテキストをひたすらコピペし、まず段落<P>を作成しまくる。 見出し付けを行う。 メニュー項目のリスト化。
CSS タイトルをヘッダにめり込ます - R-KのはてなD
*{ margin: 0; padding: 0; font-style: normal; font-size: 100%; } body { background:#0000a0; } body table tr td{ padding-left: 160px; } h1{ background:#1841ce; position:absolute; top:0px; left:0px; width: 160px; height:45px; } h2{ margin:5px; } h2 a{ color:#ffffff; } h3{ margin-bottom:5px; } div div div{ color:#ffffff; border:solid 1px ; margin:5px; padding:0px; } div div div div div{ padding:5px;
旧CSS - R-KのはてなD
body { color: #ffffff; background-color: #0000a0; margin: 0px; padding: 0px; text-align: center; } h1 { display:none; } ul{margin:3px;margin-bottom : 5px;padding : 0px;list-style-type: square;} ul li{margin:2px;margin-left:16px;} ul li li{ list-style-type: circle; } ul li li li{ list-style-type: disc; } ol{margin:3px;margin-bottom : 5px;padding : 0px;} ol li{margin:2px;margin-left:16px;} table.mod
CSS 力尽きた - R-KのはてなD
/* */ * { font-style: normal; font-size: 100%; } /* border */ * { border:none } .day .hatena-description { border:none } .hatena-description { border:solid 1px #eee } .hatena-module .hatena-description { border:none } blockquote { border:solid 1px #bbb } div div div { border:solid 1px } div.body blockquote { border:#5279e7 1px solid } div.commentshort { border:#0000a0 solid } div.day { border:soli
CSS 飽きた - R-KのはてなD
http://d.hatena.ne.jp/smoking186/20050917 キーワード作成の目的ははてなブックマークにキーワードがたくさんつくことだけです。 marginやpaddingはDTPとかデザイン系のページがヒットしないかなと思って作成しました。 特にCSSのために作ったわけではありません。 まぁ荒らしなわけですが。 /* */ *{ margin: 0; padding: 0; font-style: normal; font-size: 100%; } body{ background:#0000a0; } body table tr td{ background:#1841CE; padding:0 0 0 160px; } body table table{display:none;} h1{ background:#1841ce; position:absolu
オンラインCSS自動整形 : akiyan.com
/* background-color */ body, div.navigation { background-color : #fff } div.contents { background-color : #e0e0e0 } /* color */ body, div.navigation { color : #000 } div.contents { color : #333 } /* font-size */ div.contents { font-size : 100% } div.navigation { font-size : 80% } /* margin */ div.navigation p { margin : 1em 10% } /* padding */ div.navigation p { padding : 1ex } /* background-color
CSS記述規則「プロパティ別整理法」の提案 : akiyan.com
2005-03-06 はじめに 2005-03-05 提案の目的 2005-03-07 必須ツール 2005-03-06 注意点 2005-03-11 多くのCSSは図書館方式で整理されている 2005-03-06 図書館方式の例 2005-03-07 図書館方式の利点 2005-03-11 図書館方式の欠点 2005-03-04 図書館方式の何が不満か 2005-03-06 プロパティ別整理法とは 2005-03-04 絶対規則 2005-03-04 推奨規則 2005-03-06 プロパティ別整理法の例 2005-03-11 プロパティ別整理法の利点 2005-03-04 プロパティ別整理法の欠点 2005-03-04 プロパティ別整理法に近い例 2005-03-04 機械との親和性 2005-03-04 Grep検索を活用する 2005-03-04 機械が完全に理解できる 2005-
CSS - R-KのはてなD
* { margin: 0; padding: 0; font-style: normal; font-weight: normal; text-decoration: none; font-size: 100%; } body { background:#0000a0; } h2{ font-weight:bold; margin:5px; } h2 a{ color:#ffffff; } div div div{ color:#ffffff; border:solid 1px ; margin:5px; padding:0px; } div div div div div{ padding:5px; color:#000000; background:#ffffff; } .sectionfooter{display:none;} td div{display:none;} /* bo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM
W3C CSS 検証サービス
内容領域の幅と高さ - CSS Dencitie