こんにちは。phpファイルで指定したCSSの表示がうまくいかずに困っています。
これを記述通りに表示させるにはどうしたらいいのでしょうか。
bottn.css
.subbtn{
display: inline-block;
text-decoration: none;
background: ##F11014;
color: rgb(82,142,150);
width: 72px;
font-size: 10px;
height: 70px;
line-height: 70px;
border-radius: 50%;
text-align: center;
vertical-align: middle;
overflow: hidden;
box-shadow: inset 0 3 0 rgba(255,255,255,0.3),0 3 3 rgba(0,0,0,0.3);
font-weight: bold;
border-bottom: solid 3px #E23D40;
text-shadow: 1 1 1 rgba(255,255,255,0.65);
transition: .4s;
}
.subbtn:active{
-ms-transform:translateY(1px);
-webkit-transfprm:translateY(1px);
transform: translateY(1px);
box-shadow: 0 0 2 rgba(0,0,0,0.35) ;
border-bottom: none;
}
serch.html
<input type="submit" class="subbtn" value="Search">
htmlでは指示通りに表示されます。(activeも)
view.php
<input type="button" class="subbtn" onClick="history.back()" value="戻る">
cssリンク<link href="../../css/bottn.css" rel="stylesheet" type="text/css">はしてあります。
こちらではサイズ、色は問題がないのですが「font」の部分がhtmlと同じように表示がされません。 classではダメなのでしょうか。
アドバイスいただければ助かります。よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
ご指摘ありがとうございました。教えていただいたものでチェックをしたところ、あらゆるところで単位がぬけており、それを修正したところ正しく表示されるようになりました。
cssのエラーをチェックするのにとてもいいサービスですね。今後もこちらで検証してみたいと思います。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
iPhoneで HTMLファイルを閲覧
-
テーブルの行を折りたたみたい...
-
CSSを教えて下さい webデザイナ...
-
<!DOCTYPE html>あってますか?...
-
HTMLについて教えてください。 ...
-
メモ帳の段落の揃え方
-
CSSを教えて下さい webデザイナ...
-
CSSでinputのテキストカラーを...
-
2カラム、左メニュー、特定パー...
-
このサイトのカテゴリのチェッ...
-
HTML CSSの勉強のポートフォリ...
-
スライダーの枠に動画を収める...
-
スマホで特定のサイトを表示さ...
-
excelをhtmlに変換した途端、一...
-
HTML ul li で横並びにナビゲー...
-
HTMLです。画像をHTMLで表した...
-
HTMLでこの画像を表示したいで...
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
レスポンシブWeb 右側の表示が...
-
縦ボーダーの長さ変更方法
-
テキストボックスが選択できない
-
CSSでメニュー横並びの方法
-
box-shadowでFirefoxだと内枠に...
-
HTMLにsvg画像表示したら小さか...
-
ページネーションを右下に配置...
-
webサイトのデザイン方法について
-
PHP内で同じようにCSSを表示さ...
-
googleカスタム検索 ボタンがず...
-
PCとスマホでの解像度でのCSS振...
-
レスポンシブデザインのjQuery...
-
フォント12pxの200%?
-
ホームページ作成後、別のブラ...
-
L字みたいな記号の表示
-
ピクチャーボックスの大きさに...
-
iPhoneで HTMLファイルを閲覧
-
シーサーブログのヘッダー画像...
おすすめ情報