パンフレットからホームページまで制作。デザインの現場からの情報をお届け。
ホームページを作れる人なら解ると思いますが、パッディングというのは要素と周りの間のアキ数値（微妙に違うか）のことです。レイアウトしていく時によく使うのがこのパッディング、マージンですね。ところが、ページ全体を画面の上に隙間なくつけようと思ってbodyにmargin=”0px”と入れても隙間はなくなりません。これは、ブラウザの初期値として勝手に隙間が空いてしまっているためです。隙間を無くすためには、初期値をクリアにしなければなりません。CSSのできるだけ上の位置に次のコードを書き込みます。
*{margin: 0; padding: 0; }
これでOK! こちらも参考になります。
google アナリスティックなんかでこのブログのアクセスを見ると?page_id=123みたいのが出てきて、どのページか解らなかった。これはカテゴリーにスラッグを書き込んで無いせい？たぶんそうです。というわけで、スラッグはちゃんと付けましょうね。
ちなみに半角英字かハイフンで付けるそうです。（私は日本語で書いていたものがありました。初期の頃入れてみたんでしょうね。これは無効です）
いままでbodyの中にfont-familyをそのまま書き込んでいて、どうしてもフォントの設定が出来ませんでしたが、こんなページがありました。font, textareaと書くんですね。初めて知りました。無事全体のフォント変更終了。
私は滅多にWORDを使う事がない。ので、イラレなんかじゃ目をつぶっても出来る事もWORDじゃ出来ないのだ。今回は行間の調整。早速ネットで調べるとかんたんに教えてくれる。便利な世の中になったもんだ。
やり方はかんたん。というか、どのパレットに入ってるかだけわかれば良いのは、イラレ、フォトショップと同じ。メニューバーの「段落」を開けばテキストボックスのすべての調整が出来る。覚えておきましょう。
ところで、何故今回WORDを使っているかというと、イラレで簡単な告知チラシを作って欲しいと言われたんですが、一部分の文字は発注者が変更したい。しかも、自分以外の人にもメールで送ってその部分の文字をいじれるようにしたい。ただしイラレは使えません！というもの。ハァー。という訳で、WORDにイラレデータのいじりたい部分だけを抜いたものを貼り、WORDで差し替え部分の文字を入れたという訳でした。ほかに方法ってあるのかなぁ。
いや〜、こういうのはイライラします。
ここのところ、出来ないながらにCSSとHTMLばかりいじっています。こんな感じのビジュアルで、背景画像を固定した上にリンクボタンとなる画像を横に3つ並べる。位置調整は教科書通りCSSのpojishonでというもの。ところが、背景画像が表示されない。パスも変更してみたり、pngをgifにしてみたり・・・。
ググってみるとこんなページが！ http://design0.e1blue.net/design/status/129
助かりました。こういうのは時間の無駄ですからね。結論から言うと、clear both;を入れる。なぜかはわかりませんが、ちゃんと表示されました。
Design space magic
Proudly powered by WordPress | テーマ: Baskerville 2 by Anders Noren