takumadesign | CSS イメージボタン
HTML で作成されるフォームのボタンは、OS やブラウザによってデザインが異なる。サイトのデザインとボタンを統一させたい時や、ボタンに文字ではなくアイコンを使用したい時がある。そんな時まず思いつくのは image ボタンを使用する方法だ。 <input type="image" src="button.png" alt="検索" /> この方法は、src 属性で画像の URI を指定して画像を表示するが、画像を使わない方法でボタンを作成し、そのボタンを CSS で image ボタンのように見せることはできないだろうか。CSS でサイトのデザインをする際、見出しなどのテキストと背景画像を置き換えるテクニックがよく使用される。同様にこのテクニックをボタンにも使用できないか試みた。 表示確認は IE 6、Firefox 1.5、Netscape 7.1、Opera 9、Safari 2、Ma
inputボタンを画像にするCSS｜web bibo
inputボタンに type="image" を使って送信ボタンを作成することがあると思いますが、こうするとそのボタンのx,y座標がGET値で送信されます。GET値で送りたいけど、x,y座標は表示したくない場合はスタイルシートを使ってinputボタンの背景に画像を指定します。 type="image"だとURLの後に座標の値がくっつく。 <form> <input type="image" alt="Sample" width="100" height="30" src="images/tips/image_btn.png" /> </form> CSSで解決 <form> <input type="submit" value="" id="image-btn" /> </form> #image-btn { border: 0px; width: 100px; height: 30
はてなブログ | 無料ブログを作成しよう
新米と秋刀魚のわた焼き お刺身用の秋刀魚を買いました。1尾250円です 3枚におろして、秋刀魚のわたに酒、味醂、醤油で調味して1時間ほど漬け込み、グリルで焼きました 秋刀魚のわた焼き わたの、苦味が程よくマイルドに調味され、クセになる味わいです 艶やかな新米と一緒に 自家製お漬物 土…
MOONGIFT: » スリープ＋休止状態を上手に管理「SmartSleep.prefPane」:オープンソースを毎日紹介
MacBookをほとんど終了したことがない。あったとしても再起動くらいで、後はスリープさせておくのみだ。昔の爆弾マークが出ていた頃が懐かしいと言えば懐かしいが、安定性が出てくれるのは嬉しい限りだ。 そして、終了しない代わりに利用するのがスリープであるが、そのスリープには二種類存在する。それが単なるスリープとハイバネーションだ。スリープはRAM上に状態を記憶するが、ハイバネーションはHDD上に移し替えるのでバッテリーの交換をしても内容が飛ぶことがない。その二つを上手に使えるようにするのがこのソフトウェアだ。 今回紹介するフリーウェアはSmartSleep.prefPane、スリープと休止状態を組み合わせるソフトウェアだ。 SmartSleep.prefPaneはシステム環境設定パネルとしてインストールするソフトウェアで、特に設定などはない。ただ登録すると、そこから利用が開始されるソフトウェア
Tab キーでメニューやボタンが選択できない | Firefox ヘルプ
Firefox は、Web ページ内の要素間を Tab キーで移動する動作を変更できます。Mac のシステム上では、キーボードを使用してフォームに移動すると、デフォルトでテキストボックスのみが選択されます。 この設定を変更するには: アドレスバー に about:config と入力し、EnterReturn キーを押します。 警告ページが表示されます。危険性を承知の上で使用する をクリックし、about:config ページを開いてください。 一覧のどこかを右クリックCtrl キーを押しながらクリックして を選び、 を選択します。 設定名の入力欄に accessibility.tabfocus と入力して OK をクリックします。 次に値を入力します。Tab キーの動作を以下の値から選んで設定してください: 1 に設定すると、テキストボックスを選択します。リンクや他のフォーム要素は選択し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
