タグ

designとlayoutに関するlifesizeのブックマーク (6)

  • Lucky bag::blog: dt と dd を横並び

    定義リスト dl 内の dt と dd を CSS を使って横並びさせる方法ってのはいくつかあるんだけど、最近どうも記憶力が低下してきた気がするんで、完全自分用メモとして記しておく。 多分オーソドックスな方法 とりあえず最もオーソドックスであろう方法。これ意外にもあるのかもしれないけど、多分今んとこ自分は知らない。(margin を使った方法は前にも記事にしたことがあるけど、一応今回も入れておく) dl_sample01.html float を使った方法 margin を使った方法 position を使った方法 <dl> <dt>foo</dt> <dd>bar</dd> <dt>foo</dt> <dd>bar</dd> </dl> ちなみに margin を使った方法での margin 値の算出方法は、dt と dd それぞれの line-height 値の半分を足し、それに dt

  • New CSS Sticky Footer - 2010 - HTML for Bottom of Page Footer

    CSS Sticky Footer Layout It Sticks to the Bottom of the Page! See that footer, way down there? It's stuck to the bottom of the page even when thin on content. Otherwise it would be floating halfway up the page. Use the code and assets on this website like new UK gambling sites do and your site will be looking perfect in next to no time! Cross Browser Support for Sticky Footer Code This sticky foot

    lifesize
    lifesize 2010/08/29
    フッター用css
  • ブログテンプレート作成ツールで簡単ブログデザイン! - CSSEZ

    Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์

  • 60+ Unusual WP Blog Designs - noupe

    This is the last article in the four-part series, "Powerful guide to master Your WordPress". We are taking a look at 60 Creatively unusual WordPress blog designs that are a little bit more distinctive from the regular WordPress Blog designs. You can also take a look at other 3 articles in this series : Mastering Your WordPress Theme Hacks and Techniques 45+ Must See WordPress themes Powerfull List

    60+ Unusual WP Blog Designs - noupe
  • Sitemap URL Scraper

    Videos 1 [ 398 ] [ 404 ] [ 86 ] [ 276 ] [ 259 ] [ 169 ] [ 21 ] [ 215 ] [ 29 ] [ 300 ] [ 59 ] [ 90 ] [ 36 ] [ 213 ] [ 178 ] [ 101 ] [ 196 ] [ 478 ] [ 499 ] [ 128 ] [ 379 ] [ 143 ] [ 280 ] [ 90 ] [ 12 ] [ 288 ] [ 191 ] [ 26 ] [ 413 ] [ 113 ] [ 46 ] [ 311 ] [ 17 ] [ 132 ] [ 87 ] [ 276 ] [ 301 ] [ 108 ] [ 491 ] [ 330 ] [ 407 ] [ 50 ] [ 420 ] [ 442 ] [ 262 ] [ 97 ] [ 43 ] [ 458 ] [ 75 ] [ 41 ]

    lifesize
    lifesize 2008/04/08
    コメント部分のデザイン集。
  • [CSS]マージンとパディングの使い分けをおさらい | コリス

    CSSnewbieのエントリーから、ボックスモデルのマージン(margin)とパディング(padding)の利用シーンにおける違いを紹介します。 When to Use Margins and Padding マージン(margin)を採用する場合 パディング(padding)を採用する場合 ブラウザによる問題 マージン(margin)を採用する場合 borderの外側にスペースが必要な場合。 スペースに背景色(画像)を適用したくない場合。 上下に隣接したボックスにスペースを設ける場合、マージンの相殺を期待して、大きいサイズを有効にしたい場合。 例:15px + 20px の場合、スペースは20px。 ※相殺されない場合もあります。 パディング(padding)を採用する場合 borderの内側にスペースが必要な場合。 スペースに背景色(画像)を適用したい場合。 上下に隣接したボックスにス

  • 1