CSS

今日はHTMLのタグ付けをもう一度見返してみました。

よくよく見てみると無駄が多い！
分かりやすくするため必要以上に、divで囲んでしまい、それがかえってスタイルシートに書くときに面倒になっていました。

タグ付をもう一度整理し直すと、スタイルシートがかなりスッキリしました。

画像を指定した位置からリピートさせたい時、
background-positionで位置を、background-repeatでリピート方向をそれぞれ指定します。

そこで今日はつまずきました。
リピートさせたいのはy(縦方向)なのですが、background-repeatでrepeat-yとすると上手くリピートされません。
試しにrepeat-xとするとちゃんとリピートされます。

なんでだろう？

この問題を今日は解決出来なかったので、また明日考えないと！！

今日は実践を離れ「読書」です。
HTMLとCSSについて基本的な部分が書かれたものを読むことで知識を増やし、また間違って覚えていた部分にも気づくきっかけにもなります。

読んでみて気づいたのは、ぼんやりとした理解の中でやってきたんだなという事。
あとまだまだ知らない事がたくさんあるなという事。

そんな中でも理解できる部分もあり、これは今までやってきた成果だなと実感しました。
きっと何も知らない状態で本を読んだとしても「？？？」といった感じになっていたと思います。

今日の読書は自分自身の知識を知ることができ、そして深めることができ、とてもいいきっかけになりました。

例えばIE６だけに補正するCSSを読ませたい場合は、Drupalのテーマの.infoファイルに以下のように書くと

conditional-stylesheets[if lte IE 6][all][] = ie.css

自動で以下のように条件付きでスタイルシートを読み込むタグが出力されます。

<!--[if lte IE 6]>
    <link rel="stylesheet" href="/sites/all/themes/zen/ie6-fixes.css" type="text/css" />
<![endif]-->

# 他のテーマでは試してないのでZENテーマだけかもしれないけどね

先週でだいぶ出来上がっていたので、今日はより完成に近づけるため手直しをしていきました。
出来上がるとアップロードという作業があるのですが、この時不必要なデータは消していきます。
そんなに難しくはないはずなのに、少し手間取ってしましました。
必要な画像を消してしまったり・・・。
間違った時のためにデータをバックアップしていたのでよかったですが、もっと慎重にかつ素早く対応していきたいです。
アップロードするときに使用するFFFTPというソフトについて明日勉強するのでしっかり聞いて自分のものにしないといけません！！

完成まであともう少しのところまできました。
今日はJavaScripを少しやったのですが（やったというか見学ですが・・・）
難しそう！といった感想です。
きっとこれから必要な時も出てくると思うので、覚えていかないと！

IE6やIE7で見た時にも、きちんと表示されるようにするには結構手間が掛かります。
今日の午前中はその修正をしました。
結果直ったのですが、なんでそこの表示がおかしかったのかは未だに謎です。

ブラウザによっての表示の違いは無くなることはないのでしょうか？

午後からはそれぞれのページを完成に近づけていきました。
tableの使い方にも大分慣れてきたかなと思います。

また同じ失敗をしてしまいました。
しかもとても基本的なことなのに！大反省です。

今日は現段階で必要な全てのページを作成し、画像を表示したりテーブルで表を作ったりしました。
ページやブロックなど最初は苦労しましたが、だいぶDrupalの仕組みみたいなものがつかめてきました。
少しずつ少しずつですが形になってきているので、頑張って完成させたいです。

今すすめているものはリンクごとにキービジュアルや見出しの画像が変わったりと、これまでのものとは少し違います。
これがなかなか難しい。
次から次へと新しい事がでてきて、自分は本当にちゃんとできているのか？
と少し不安になりました。
Drupalを使いこなせるようになるにはまだまだ勉強が必要ですが、一日でも早くその日が来るよう頑張らないといけないと今日はしみじみと思いました。

だいぶ慣れてはきたものの、まだまだだなと痛感しました。
現在やっているものは、今までとは少し違うレイアウトで悩む部分が多いです。
これまでやってきて覚えた事を上手に応用していけば、もう少し簡単にできそうなんですが・・・。
なかなかそうもいきません。
もっと沢山の勉強＋経験が必要ですね。