![]() |
|
× [PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 |
![]() |
![]() |
|
このブログの新規テンプレートを自分なりにいじろうと試みていますが、なかなか思った通りにいきません。
どこをいじればどこが変わるのかを、HTMLとCSSを付き合わせてみないと良く分からないのです(泣) 一日では終わらなかったので、後日続きをしようと保存をしたのですが、その後プレビューを見ても何も表示されません。IEで標準モードにする為に、ドキュメントタイプ宣言に文言を追加したのがいけなかったのでしょうか。それとも、テーブルタグを全部排除したのがいけなかったのでしょうか。 そう言えば、ドキュメントタイプ宣言が互換モードで表示されるようになっていたので書き直したのですが、その後も互換モードでの表示になったままでした(text-alignプロパティでインラインの文字を指定すると、ブロックの位置まで変更されます)。謎です。バグなのか、そういう仕様なのかは分かりません。 PR |
![]() |
![]() |
|
目次項目のリンクを、選択したページと同じ項目のところは外しました(トップページはサイトタイトルからも)。選択したページと同じ項目の項目は、少し色を変えてあります(余り目立ちませんが)。
|
![]() |
![]() |
|
CodeWeb ブラウザ別CSSハック一覧表に載っています。他ブラウザ用CSSハックも色々あり、非常に便利です。 上記タイトルのやり方は、1行目は普通にプロパティと値を書き、2行目のプロパティの頭に(半角で)アンダーを書いておく、というものです。 |
![]() |
![]() |
|
某雑誌に載っていた裏技を使って、目次項目の見た目を、IEでもネスケ等と同様(若しくは似た感じ)になるように調整しました。
やり方は…、 1.設定したい箇所(今回はul)の1行目のプロパティには、IE以外での値を設定し、その後ろに『!important』を付けます。 2.2行目のプロパティ(プロパティ自体は1行目と同じ)には、IEでの値を設定します。 こうすると、IE以外のブラウザは!importantの値を優先し、IEは 最後に設定した値を優先するので、IEとそれ以外のブラウザの見た目が違ってくるのを調整出来る、という事らしいです(実際、やってみましたら、上手くいきました)。 |
![]() |
![]() |
|
ページ全体・メイン・サイドの幅の、絶対値で指定していたのを相対値に変えました。IEでも、サイドにお気に入りや検索等表示しなければ、目次が見やすく(項目の折り返しがなくなったので)なったと思います(画面の大きさが1024×768・文字の大きさ中の場合)。
※相対値での設定のコツは、メインとサブの合計が95~96%程度になるように抑える、というところです。当初100%になるように設定して上手くいかなかったのですが、某雑誌にて上記の事を知り、やってみたら上手くいきました。 |
![]() |
|
忍者ブログ [PR] |







