いっぱい変更しました

昨日はものすごい作りました。
更新したのはまず、
「フォント見本表をFirefoxでも動作可能に」

前回書いたのですが、今までのフォント見本表は
フォント名をクリックすると
下のサンプル文字列がそのフォントを適用した
状態になるっていう風に作ったんです。
でも、IEだとちゃんと動いたのに
Firefoxは動かなくて・・・。
何が原因なのか分からなかったんです。
でもそれを昨日発見しました！
テーブルのせいでした。

どういうことかというと、
今までのソースはフォントの名前のボタン部分を
テーブルで作成していたんです。
ボタンの量が多くて、テーブルにしないと
キレイに並べられないなーと思って。
けれど普通に考えたら
テーブルの中の普通の文字列を
リンクのようにってオカシイですよね。
テーブルの中にlinkタグを使っているわけでもないのに。
で、テーブルはそのまま使うけど、
その中にボタンタグを加えました。
それだけでよかったんです。
やっぱりタグはその特性の通りに
使わないとダメですね。
当たり前ですけど。

それと今日はスタイルシートの
「文字を装飾する」と
「リンク文字の下線を消す」
という項目を加えました。

これは同じスタイルなんです。
文字を装飾はtext-decorationっていうのを
使うんですが、
文字はデフォルトだと下線、上線なんかはつかないじゃないですか。
でもリンク文字だと
デフォルトで下線が付いてしまうでしょ。
これをtext-decorationでnoneっていう値を入れてやると、
デフォルトで下線の付いていたものを消せるんです。
これは自分もホームページで使ってるんで
紹介しないとね。
 

画面の大きさに苦戦

今このホームページを作成しているのと
ネットでアップしてるパソコンが違いまして、
作成している方は画面サイズが小さくて、
アップしている方は大きいんです。
作成している時はもちろん、
ブラウザとテキストを行ったり来たり
しながら作成するんで、
どんな画面になるかわかるんですが、
それをネットにアップして
実際の物を見ると
画面が大きいから違和感が・・・。

でも、作成している画面の大きさで
ネットを見る人もいるから、
画面サイズは大きい画面用に作れないですよね。

・・・今のデザイン、変えた方がいいのかなーっと
思いますね。
自分は常にメニューコンテンツが
そばにあった方がいいと思うんですが、
・・・こういうときは他のサイトを
覗きに行ってこよう！

スタイルシートについて

スタイルシートについて少し変更しました。
今までは
「なぜHTMLファイルとCSSファイルは別か」
について書いていなかったので。
スタイルを適用させるときに4パターンあるってことと
なぜ別ファイルがいいかってことを。

けどこのページを作って
またひとつ知識が増えたね。
今までずっと
HTMLファイルとCSSファイルを別に
作ってきたから、
他の書式でなんてまず書かなかったのね。
だから再確認できました。

あとは・・・まだFirefoxでの見栄えが悪いと思うので、
どうにかしないと・・・。
ドキュメントタイプを指定しないから
悪いんだけどね。
「ドキュメントタイプを指定すべきですよ～」
ってホームページで言ってるのに
自分がしてないって
・・・それどうよ・・・。

・・・早くなおそう。。

フォントについて変更しましたが・・・

フォント見本表を変更しました。
今までは、フォントの名称があって、
その下に実際の文字の表示のされかたが書いてあったんですが、
それだとページが長くなってて、
下のほうまで見るのがめんどくさくなっていたので、
サンプルの文字列をまとめて、
フォント名をクリックすると下のサンプル文字列が
そのフォントに変わるってやつにしたんです。

でも、これをFirefoxで動かしてみたら
クリックしてもうんともすんとも・・・。

あれ！？

とただいまあせっております。

Firefoxのことを忘れていたドジ

もともとはFirefoxを使っていた時分ですが、
ちょっと今、いつものPCを使っていなくて
ページ作りのときの確認作業はIEになっていたんだけど、
それを昨日Firefoxで見てみたら、
イロイロと大変なことに・・・
そのあとスグに変えれるところは変えたけど、
まだ見づらいところ多数・・・。
Firefoxが結構好きな自分は
この現状は許せませんので、
なんとかFirefoxでも見やすいページを作りたい。