スタイルシートCSSの設定について教えて下さい。
希望通りの形で設定ができた場合は、2000ポイント進呈させていただきます。
対象サイト http://www.obanzaiya.com/
参照サイト http://www.agoda.jp/asia/indonesia/bali.html
対象サイトの左カラム最上部に“検索”という欄があります。
下部に宿泊日、出発日等の入力項目のある、検索ボックスがありますが、
ＣＳＳを設定して、上記参照サイト左上部の検索ボックスと、同じようなスタイル（見栄え）にしたいのですが、どのように設定すればよいでしょうか？
検索ボタンに使う画像は、サイズが同じであれば、後程変更しますので、何でも構いません。
参照サイトの検索ボックス内にある｢価格保証」の箇所は不要です。
どうぞよろしくお願いいたします。
検索ボックスのＨＴＭＬ構造は、以下のＵＲＬにアップしてあります。
http://www.obanzaiya.com/html-example
また、検索ボックスの見本ＣＳＳは以下のＵＲＬにアップしてあります。
http://www.obanzaiya.com/css-example
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
Cherenkov
満足2000pt
#agoda_calImg1, #agoda_calImg2 { vertical-align: -9px !important; margin-top: 0 !important; } #agoda_checkin_selection, #agoda_checkout_selection { float: left; margin: 10px 0 !important; } #agoda_checkin_selection { margin-right: 40px !important; } #agoda_roompeople_selection, #agoda_button_selection { clear: left; } #agoda_button_selection { margin-top: 10px !important; } #agoda_room_selection, #agoda_adult_selection { float: left; } #agoda_btnSubmit { background: url("http://cdn-ak.f.st-hatena.com/images/fotolife/C/Cherenkov/20120125/20120125212909.gif") no-repeat transparent; border-radius: 7px 7px 7px 7px; box-shadow: 3px 3px 5px #C0BEC3; border: 3px solid #109FFF; height: 55px; width: 165px; cursor: pointer; text-indent: -9999px; } #agoda_btnSubmit:hover { border: 3px solid #1971EF; } #agoda_btnSubmit:active { background: url("http://cdn-ak.f.st-hatena.com/images/fotolife/C/Cherenkov/20120125/20120125215009.gif") no-repeat; }
この回答は要望に対して技術的に可能であることを証明する目的であり、パクリを推奨するものではありません。一応念のため。
-
Tomoその他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2012-01-25 19:13:40
- 終了日時
- 2012-01-27 11:26:38
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…
匿名質問者
1
1
-
不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者11
-
日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者
-
共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者1
-
内定してほしいポケモンはいますか？匿名質問者
人数のパーツなど参照サイトとは異なるので希望する位置がわかる図を提示していただくと回答が付きやすいと思います。
また、カレンダーのデザインも含まれるのか、など。
2列目＝部屋、大人、子供
3列目＝ボタン
このような配列で、参照サイトと似通ったデザインを希望しています。
回答、本当にありがとうございました。
今後とも、是非よろしくお願いいたします。