フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href=...
フッターは画面の下にピッタリくっつけておきたいという要望は意外とあるようです。 でもテーブルもフレームも使わないとなると、なかなか難しい。 今回紹介するのは、「height100%のボックス」のテクニックを拡張したこれを実現する方法です。 テクニック使用後 サンプル ウィンドウのサイズを変えてもフッターは常に画面の下にあることを確認してください。 やり方 1:HT...
footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示さすためのjsラブラリになります。 サンプル CSS Nite in Osaka Vol.7でちょっと話題にあがったので作ってみました。 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ...
デジパのベトナムオフィシャルサイトがオープンしました。 さて、今回はこのデジパベトナムを組むのに辺り、最初は無理(もしくは相当厄介)だと思ってたことが思ったよりカンタンに出来たのでご紹介。 Movable Type 4のデフォルトテンプレートもそうですが、コンテンツの内容が少ない場合に、フッター部分は当然上に来てしまい、下がbodyに指定している背景色になってしま...
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、フォームのログインのデザインが追加されました。 Login Forms Design [...]
『 http://coliss.com/articles/build-websites/operation/design/1090.html 』
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、Footerのデザインが追加されました。 Footers Design Showcas [...]