Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

CSS

float後、最後の文字が改行されて表示されるIEのバグの解消法

float後、最後の文字が改行されて表示されるIEのバグの解消法

IE上で上記のように、最後の文字が改行されて重複して表示されることはありませんか?これまで何度がこのような場面に直面したことはありますが、その度に解消法はどうだったかと調べていたものです。先日もサイトを制作していてこの状況に陥りましたので、今後のためにも解消法をメモしておきたいと思います。

IE6でこの現象が起こると思われます。全部チェックはできていませんm(_ _)m

続きを読む

MTPaginate部分のページナビゲーションをCSSでカスタマイズする方法

MTPaginate部分のページナビゲーションをCSSでカスタマイズする方法

MovableTypeのページ分割においてMTPaginateをプラグインされている場合が多いと思いますが、そのまま使用するとページナビゲーションがいまいち美しくありません。多くのブログやメジャーサイトで使用されているのはボックス形式のナビゲーション。かくいう私もこれまで味気のないナビゲーションでしたが、ようやくカスタマイズしました。CSSで装飾するだけでちょっとはプロっぽい感じのナビゲーションに仕上げることが出来ます。

今回ページナビゲーションのカスタマイズにあたり参考にしたのはこちらのサイト。http://deviant-art.org/deviant-art-css-24-web-20-navigation.html/このサイトでは、メジャーサイトで使用されているナビゲーションのhtmlとCSSをダウンロードすることが出来ます。

続きを読む

CSSでサイトを画面の中央にもってくる方法

CSSでサイトを画面の中央にもってくる方法

例えば800×600ぐらいのサイトを作った時、1024×768の画面サイズでみるとほぼほぼ中央に位置し、見やすいですが、1280×1024の画面サイズで見ると上に詰まったような形になり、折角のサイトがこじんまりしてしまいます。ポートフォリオサイトhttp://forty-n-five.boy.jp/として私も1000×600のサイトがありますが、当初はこのような感じでした。が…、CSSを少し追加するだけで、どんな画面の大きさでも中央に配置することができ、随分見やすくなりました。ソースをご紹介します。

先日歯医者で歯石を取ってもらいました。かなり、がりがりやられて多少痛くて血も出ましたが、終わったら意外とすっきり。歯石は自分では取れないみたいなので定期的に行ったほうががいいみたいです。

続きを読む

リンクボタンを押すときに出る点線について

リンクボタンを押すときに出る点線について

リンクボタンを押すときに出てくる点線って少し気になりますよね。ましてや上のようになんだかずれているときなんて気になって仕方がない!そんなリンクボタンを押したときに出る点線についての対策法について書きたいと思います。

Windows XP、Windows Vistaの次はWindows 7って名前らしい。うーん微妙。

続きを読む

CSSに関するテクニックが掲載されている海外のサイト

CSSに関するテクニックが掲載されている海外のサイト

海外のサイトでまだ詳しく見ていませんが、CSSに関するテクニック等の情報が掲載されていて、参考になりそうな記事も掲載されている模様です。

続きを読む

CSSに関するサイトで個人的に最も優れていると思うサイト

CSSに関するサイトで個人的に最も優れていると思うサイト

CSSに関するポータルサイト的なサイトです。CSSに関してはこのサイトを押さえておくべきでしょう。

CSSメニューを自動で作成してくれるジェネレーター

CSSメニューを自動で作成してくれるジェネレーター

今度はCSSメニューのジェネレーターです。これも様々なところで使えそうなジェネレーターですね。

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.