〒107-0062 東京都港区南青山5-6-23 5-6-23 Minami-Aoyama, Minato-ku, Tokyo TEL:03-3498-1171
![アクセスマップ | SPIRAL WEB](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0a891e00e7223d66328c9da6cc1ad0447b26d34/height=288;version=1;width=512/http%3A%2F%2Fwww.spiral.co.jp%2Fimages%2Fcommon%2Ficon%2Fsns_thum.gif)
〒107-0062 東京都港区南青山5-6-23 5-6-23 Minami-Aoyama, Minato-ku, Tokyo TEL:03-3498-1171
こ の 歌 が 人 気 が あ つ た の は 、 も う 30年 以 上 の 前 の 話 で 当 時 は 東 京 と い う 大 都 会 は 悪 者 扱 い さ れ て い た 中 で こ の 曲 が ヒ ツ ト し た の は矢 張 り 東 京 に 住 む 人 の 反 撥 だ つ た の か な と 思 い ま す 。 出 来 れ ば 丸 山 み ゆ き さ ん の tokyoを 再 度 出 し て 欲 し い 。
記事を個別に表示させた時の下部には、前後記事へのナビゲーションを置いてある。これはdl要素で書いてるんですが、当初はCSSでdtにfloatとwidthを指定して、dtとddを横並びにさせてました。しかしこれがWinIEだと二行目が何故か横にズレる(-"-;)。まぁ気にしなければイイやと放置していたのだが、やっぱり気になる訳ですよ。どうせズレるのであればliとかpとかでもイイのだが、WinIEの為だけにhtmlを書き直してたまるか!という意味不明な怒りが発生w そんな訳で、まずは二行目のddにクラス名とアンダースコアハックを用いて、IEのみインデントが入る様にしてみた。 dt { float: left; width: 4em; clear: left; } dd { margin-left: 4em; } .old { _text-indent: 0.4em; /*
CSS の小技として、<dl>要素(定義リスト)を表のように見せる書き方を解説します。 当サイトでも更新案内など、デフォルトのスタイルシートでそのような表示になるようにした定義リストが幾つもあります。 CSS が対応していないか対応が不充分な環境, 携帯端末など非PC環境, 及びユーザスタイルをご利用の場合には表のように表示されない場合があります。 はじめに。 定義リスト(<dl>要素)をわざわざ表形式で表示させなければならない必然性は確かに無いかも知れません。 先ず、定義リストを表(テーブル)と較べた場合の利点を見てみましょう。 定義リストは記述が容易である 表(テーブル・<table>要素)の場合には <table>要素 <thead>要素, <tfoot>要素または<tbody>要素(必須ではない) <tr>要素 <th>要素または<td>要素 と言うように、要素を三重ないし四重にし
おひさしぶりです。 dlを使うとき、dtとddを横並びにしたいことがあると思います。 画像とか文字量・文字サイズ固定だと簡単ですが、 文字の可変にも対応とかdt・ddが複数続くとかdtの方が高さがあるとかだと面倒くさいことになります。 別のタグを使おうかな~なんてしょっちゅう考えてしまいますが・・・・・・・・・・・・ というわけで、できるだけいろんなブラウザで実現できる方法を考えていきましょう。 まず最初に、dl・dt・ddの幅を指定して、dt・ddに「float:left;」を指定。 簡単な場合だとこれでOKです。 次に、文字の可変とかdt・ddが複数続くとかdtの方が高さがあるとかの場合ですが、 いろんなケースを考えると、cssの記述がちょっとややこしくなります。 完成系の記述は下記になります dl.sample-list { width: 500px; } dl.samp
Photoshop is often the right tool for web design, especially if you're creating a design using numerous images and brush effects. In this tutorial, I'll show you how to create a complete grunge home page design. We'll design the header, sidebar, body, footer, and style everything to work together in a heavily textured and worn design. Step 1 This time we're going to create a full web design in gru
グランジ系デザインもどきをFWでやってみる ツヤツヤしたweb2.0系のデザインもいいけど、グランジスタイルのデザインもかっこいい。でもツヤツヤ系より手間ヒマがおそろしく掛かりそう。細かい部分の作りこみとか大変そうすぐる。と思ってたけど、The Secrets Of Grunge Design | Design Showcase | Smashing Magazineを拝見して、ついカッとなって「Fireworksで最速でグランジもどきを作ってみよう」という気になった。 もどき完成目安、15分。 15分くらいでこれができるはず。レイアウトはこのサイトのまんま。 1分目 色使いを考える 冒頭のSmashing Magazineにカラーパレットが掲載されてたのを参考にする。「控えめ」「汚れた感じ」「冴えない」感じの色使いがグランジスタイルのカラー使いのポイントらしい。 2~3分目 背景に使うテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く