[B! CSS] syunkitのブックマーク

はてなブログのidとかclassとか - kyabana's blog

はてなブログで「デザインテーマコンテスト」が開催されています！オリジナルデザインを投稿してAmazonギフト券を当てよう！「はてなブログデザインテーマコンテスト」開催 - はてなブログ開発ブログ使われている"id"や"class"がわかっているとデザインしやすいのでザックリさらってみました。おおよそこんな感じ。 body（トップページで.page-index、記事ページで.page-entryが追加）div#globalheader-containeriframe#globalheader（ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]）div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner（タイトル画像）h1#title（ブログ名）h2#blog-description（

syunkit 2015/05/22

リンク

float を使うとブロック要素からはみ出す問題 - Fidelio

例えば、div を使って入れ子のレイアウトを作りたい場合、まず外側に大きい div の領域を決め、その中に小さい div の領域を入れたりします。このとき、例1 のように単に div を入れ子にするだけだと、div はブロック要素なので、自動的に改行されて縦に並びます。 - 例 1 - <div id="ex2_1"> <div id="ex2_2">いろは...</div> <div id="ex2_3">いろは...</div> </div> #ex1_1 { padding:20px; color:#FFFFFF; background-color:#0000FF; } #ex1_2 { width:70px; color:#FFFFFF; background-color:#FF0000; } #ex1_3 { width:70px; color:#0000FF; backgro

syunkit 2011/01/18