ホームページ小改造

先日の記事にも書いたとおり、「お問い合わせ」の欄がうまく表示されずに悩んでいました。Winのことはすっぱり諦めたものの、MacでもFirefoxだけ少しずれるのが気になっていまして。
 
あれこれ試してみた結果、CSSでボーダーラインを引くのには限界があるのではないかと。そこで、いっそのこと画像でボタンを作ることにしました。ブログのトップページにもアクセスしにくかったので、そちらも並べて表示してみることに。
 
まずはやはりSafariから。
 


 
ボタンの上に「お問い合わせ」の文字をうまく入れられなかったので「e-mail」にしてしまいました。インターネットに慣れていない人にはわかりにくいかなとも思いましたが、そういう人たちはメールではなく電話で連絡をくれそうですし。
 
ヘッダーは分野ごとに変えていますので、ボタンもそれに合わせて用意してみました。ついでといってはなんですが、各ブラウザでの違いも紹介いたします。
 
ブログなど(Firefox)
 


 
Google ChromeはSafariとほぼ同じ表示なので割愛です。
 
 
ここからはWinの画面を。
 
行政手続(Chrome)
 


 
やはりずれます。丸ゴシックにならないのは私のPCにフォントがないからかもしれません。
 
学習教室(Firefox)
 


 
今回は下にずれるみたいです。不思議。
 
 
その他(IE8)
 


 
これはこれで悪くないかもしれません。
 
Winでの表示はまだ気に入りませんが、ボタンからのアクセスは問題なくできるようなので、とりあえずはこのままでよしとしておきます。
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です