CSS
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無題ドキュメント</title> </meta></meta></head></html>
結論relativeの要素にtranslateYで調整する。 <div id="wrap"> <div id="v-center"> テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字<br /> テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字 </div> </div> #wrap { wi…
備忘録です。 先日CSSに関して友人達と話しておりました。 やはり、初期化に対してものすごくこだわりがあったのですね。 私にはそのプライド的なものは、あまりないのでうらやましかったですね。さて以前初期化に関する設定の記事を書きましたけれども、 ウ…
ライティング記事の様なページを実装してみました。 画像があって、その周りに文字を入れます。以下画像参照。 まず、大枠のサイズを指定します。 .waku { width:700px; } その後、画像を寄せる方向を決めて、 paddingで画像のまわり何pxまでつめるか記述し…
備忘録です。 Eric Meyer氏のReset Reloadedを元に、 ウエン流にカスタマイズ！ カスタマイズ箇所は文字幅と table定義かな。筆者は若干tableに依存（気味なだけ）しているので、 Eric Meyer氏のtable初期化が使いにくくて仕方がなかった。 まぁこんな感じっ…
CSSでサイト構築することが当たり前になってから、 各ブラウザに対して、1mmの誤差も許されない我々にとっては 当たり前ですよね。 そのためにCSS疑似クラスだのライブラリだのいろいろ出回っております。 私のような、エンジニア上がりのWebディレクターの…
中央揃えを決めたいブロックで line-heightを使用する 以下ソース line-height : 25px; height:25px; heightの指定は必ず必要だし、 line-heightとheightのサイズ（指定）は 必ず同じ大きさにならなければならない！！
エレガンスにマウスを乗せると画像を変更しよう。 中級レベルCSSで、多分入門レベルでは若干きついです。 せっかくなんでナヴィゲーションを作ってみます。 まず、例のごとくCSSを定義します。 <link rel="stylesheet" type="text/css" href="css/navigation.css"/>| この時点ではCSSはお決まりのコードだけで大丈夫 * { margin:</link>…
今日は『古事記』の「伊弉諾・伊邪那岐（いざなぎ・いざなみ」の話を聞きましたね。 教科書で、名前だけは知っておりましたが、実際に話をきくと 非常に感動してしまいますね。 今度古事記にも触れてみようと思います。 さて今日のお題は 「CSSでmap(area)タ…
以前おおくりしました、 企業HPでよく見る逆U字（3列）テンプレートの汎用的CSSを実装してみた。にて、 若干の欠陥がありましたので修正しました。 欠陥内容はIE5系、IE6系でずれるというものです。 ではさっそく新しい版です。 @charset "utf-8"; /* CSS Do…
多分・・・・ 暇なんですね、パパは（苦笑） で、よく企業ホームページとかで実装しているCSSを なるべく簡潔に実装してみました。 レイアウトは2列+ヘッダ+フッタです。 Dreamweaverの初期テンプレのCSSとかチョイ複雑すぎるんで、 割と初心者向けのCSSです…
やっぱり・・・ 暇なんですね、パパは（失笑） で、よく企業ホームページとかで実装しているCSSを なるべく簡潔に実装してみました。 今回は3列+ヘッダ+フッタです。 Dreamweaverの初期テンプレのCSSとかチョイ複雑すぎるんで、 割と初心者向けのCSSです。 …
感想は「カクカク」です。 なんか「the Windows」って感じですが、参考になれば・・・・。 .kakukaku { width:200px; border:1px; border-style:solid; border-color:#999; } ・width 横幅を200pxに統一 ・border 線の太さ ・border-style: 線のタイプ（色々…
仕事柄、色々なHPのソースコードを見ますが、 思わず笑ってしまうコードを見かけます。 例えば、 これは <br> <br> <br> <br> サンプルの <br> <br> <br> テキスト とか、 <table> <tr> <td><table> <tr> <td> これは <table> <tr> <td> サンプルの </td> <td> テキスト </td> </tr> </table></td> </tr> </table></td> </tr> </table> ｗｗ 絶滅危惧種だと思っていたのに、 まだ根強く存在していたとは…
SEOだの何だので、 CSSの実際の使用され方が無茶苦茶になている気がしますが（汗） タイトルだけみると、何の記事なのかわかりませんね（笑） YST（Yahoo検索エンジン）では画像のalt属性を無視するそうです。 私は妥当な策だと思っています。 これではすべ…
