Firefoxでなぜか消える、Tableのborder対策、cssのみでの解決法

Firefoxでなぜか消えてしまうTableのborder、いつもじゃなく、たまになのでこれがやっかい。。原因がわからない。要するにFirefoxのバグのようですね。 なので、↑のようにその消えるborder部分が現れた時は、その消えた部分のthやtdに直接borderを記述したり…

★ 続きを見… 


CSSスプライトで、スムーズに画像を切り替える

マウスオーバーした時などに、画像が上手く切り替わらない時、よくありませんか?ブラウザや、PCの性能によっても変わってくるんでしょうけど。 要するに↓こんな感じです。 これはこのサイトで使ってるページトップへ移動するためのアイコンなのですが、このアイコンにカーソルをのせる度に、これがす…

★ 続きを見… 


WordPressで “SyntaxHighlighter” を使って、ソースコードをキレイに書く方法

よくwebデザイナーさんやクリエイターさん、プログラマーさんたちの書いてるwebサイトを見たら、ソースコードを、 <body> <div id="SyntaxHighlighter"> <a href="#&quo…

★ 続きを見… 


wordmark.it でフォントを選ぶ方法

フォント選びって結構大変ですよね。使用するフォントによって、そのサイトなりデザインの印象が変わってくるので、色選びもそうですが、フォント選びはふぉんと大変。…やば。。 昔、というかこのサイトを知るまでは、こんなものを作って、これを参考に選んだりしてました。 でも邪魔くさいというか、使…

★ 続きを見… 


onMouseOver、onMouseOutで、簡単にテキストを切り替える!

前回のonMouseOver,onMouseOutで簡単に画像を切り替える!の続き、応用編です。 実はこちらサイトのそれぞれの記事の下にある、『☆ 続きを読む』って部分を、マウスオーバーした時に、文字を変えてちょっと変わった感じにしてみたくなったんですね。でもそんなこと今までした事なかったので…

★ 続きを見… 


onMouseOver、onMouseOutで、簡単に画像を切り替える

今までマウスオーバー等で画像を切り替える時は、jQueryを使ったり、cssで画像を重ねてopacityで画像を透過させたりしてました。 反対に言えば、このやり方しか知りませんでした。恥ずかしながら。。 でもある時どうしても上記の方法ではうまくいかない事があり、onMouseOver、onM…

★ 続きを見… 


正しいショートハンドの書き方のまとめ

コピペ用、ショートハンドのまとめです。 まずはややこしい【background】プロパティから。 【background】 〜color・image・repeat・position(x/y)/ size〜 #WebDesign-ABC{ background: #ABCABC u…

★ 続きを見… 


backgroundプロパティの正しいショートハンドの書き方

ABCから始めよう!と言いつつ、ちょっとABCからの内容ではないかもしれませんが、今まで貯めてた "?" の解決法で、今パッとでてきたのがこれだったので、最初の投稿はこれにしました。 さてさて。そんな訳で、html,cssの勉強をして、最初のうちはこんな書き方を気にできる程余裕がなかったのでス…

★ 続きを見… 


参考にさせていただいてるサイト

PAGE TOP