勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

formのsubmitをボタンを無くしたり画像をつけたりCSSで装飾

   

aタグになっていたところをsubmitボタンに変えてほしいという修正依頼があった。ページ遷移とか機能的な部分は大丈夫なんだけど、デザイン部分が分からなかったのでメモ。

 

■ソース

 

■サンプル

http://sample.taitan916.info/submitCss/

 

■その他

ボタンの枠みたいな部分はborderで、背景はbackgroudで変更できるらしい。あと画像をつける場合は縦横を指定しとかないと文字数の関係で途切れちゃったりするので注意する。

 - CSS

  関連記事

images
CSSのセレクタを一瞬で拾ってくる

↓↓こちらのサイト様 http://css.miugle.info/ 左側のテキ ...

images
ページング用CSS

div.pageNav { //これなくてもいいかも。 clear: both; ...

images
ガラケー(特にdocomo)でのCSS

PCサイトだとIEでつまずくことが多いけど、 ガラケーはdocomoが難儀やよ、 ...

jquery_logo
jQueryのCSS変更

jQueryでCSSを触る際、 $("#aaa").css('height',' ...

images
フォームCSS

body { font-family : 'メイリオ',Meiryo,'MS P ...

images
CSSでセンターリング

<center></center>でセンターリングが出来 ...

images
スマホサイトでviewportを指定しても横スクロールバーが表示される

スマホ用のサイトでviewportが指定されており、widthも100%になって ...

images
スマホ用の有料デザインテンプレが9月内は無料でもらえた

envatomarketでスマホ用の有料デザインテンプレートが2014年9月内に ...

javascript_logo_unofficial-300x300
CSSとJavaScriptでテキストのコピー防止

あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、 ...

images
CSSで1つの要素に複数classを設定して画像を入れ替える

メニューリンクで通常時の画像、マウスオーバー時の画像、アクティブ時の画像をそれぞ ...