締切済み

WEBサイト製作などに関する質問

2014/09/01 14:07

HTMLやCSSなどに詳しい方に質問です。 https://jp.imperialcasino.com/ 上記のWEBサイトの様なメニューがずっと付いて来るようにするためにはどうすればよいのでしょうか？ j Queryですか？

varuhalla
お礼率42% (3/7)

SEO
回答数1
ありがとう数10

みんなの回答 （1）
専門家の回答

みんなの回答

m0a13
ベストアンサー率47% (9/19)

2014/09/01 14:19 回答No.1

様々な方法がありますが、例えばそのサイトではCSSの position: fixed; を用いているようです。この方法ならばブラウザが対応してさえいればjQueryなどを使わず比較的簡単に実現できます。

質問者

補足 2014/09/01 19:53

positionはしてみたのですが、他の場所にもpositionがあるので動かないんですよね・・・

関連するQ&A

イラレからWEBサイト

大学の課題でWEBサイトの作成があるためこちらのサイトを参考にイラストレーターからWEBサイトを作ろうと考えました。 https://blogs.adobe.com/creativestation/web-start-illustrator-web-design-06-export-images しかしチュートリアルはこのページの画像のスライスで終わってしまっています。イラストレータからHTMLやCSSまで書き出すことはできないのでしょうか？画像のみを作成し、あとは位置などのHTMLやCSSの設定は自分でコードを書かなければならないのでしょうか？この画像のスライスの後どうしたら良いのか教えていただきたいです！
HTMLとCSSで軽いWEBサイトを作るには？

HTMLとCSSでWEBサイトを作ったのですが、読み込みに時間がかかることがあります。画像をいれたりしてないのになぜこんなに重いかわかりません。どのようなことに気を付ければ読み込みの早いWEBサイトがつくれますか？ HTMLやCSSで読み込みが遅くならないサイト作りのアドバイスをよろしくお願いいします。(*´ω｀)
現在のweb製作(HTMLとCSS)

現在webデザイナーがweb製作時に使用するHTMLのバージョンはHTML5なのでしょうか？それと、CSSのバージョンはCSS3なのでしょうか？もしHTML5だった場合、HTML5に対応したおすすめテキストツールなんかを教えてくださると助かります。どなたかわかる方回答のほう宜しくお願いします。
独自のwebサイトをつくる

独自のwebサイトをつくるために必要なことを教えてください。 HTMLやCSSで作ったデータがある場合、これをどうやってネット上に公開すれば良いでしょうか？まだ、URLも取得していません。 URLがあればサーバーがあるということなのでしょうか？
web製作について

web製作に関して、2点質問があります。（1）　dreamweaver のほうがhomepagebuilderよりいいと聞きますが、　　一体どういった点でいいんでしょうか？（2）　また、初心者で現在、HTMLやCSSを独学で勉強しています。しか　　　し、専門的製作となる　と、Photoshop 、Flash、などいろいろ　　　なグラフィックソフト、そして、さらにはPerl,CGI,PHP 　　　　といろいろ複雑な要素も勉強しないといけませんね。どういう　　　　過程で学習していけばよろしいでしょうか？
WEBサイトの運営

WEBサイトを運営したいのですが、どのような料金がいくら掛かりますか？ WEBサイトを制作するのに必要な知識（HTMLやCSS　Ajax　Flashの技術/知識以外で）はなんですか？ WEBサイトを運営するのに必要なものはありますか？
【Webサイト制作会社の方に質問です】斬新な広告表

【Webサイト制作会社の方に質問です】斬新な広告表示に驚いたのですが、これはどうやっているのか教えてください。当方はHTML、CSS、Javascript等のプログラミング言語の専門用語を理解していますので、技術用語を使って解説していただいて結構です。 https://www.gqjapan.jp/article/20230607-starbucks-porter-23-news このWebサイトの広告はページスクロールすると本文と本文の後ろに広告が隠されていて表示されるというギミックがありますこのギミックの作り方を教えてください。
web製作について。

質問があります。今サイトを作ってるんですが、左のメニューなんですが、リンクページを開く時なんだかぎこちないんです。なんだか普通の↓のようなページのようにパッと開かないというか。 http://www.kyoto-gofukuan.jp/tuuhan.html もし変なことをいっていたらごめんなさい。でももし詳しく知ってる、方がいましたら、教えてくれないでしょうか。
WEBサイト制作初心者に役立ちそうなブログやサイト

WEB制作を始めてまだ間もないのですが（今まで制作したのは3サイト）、今後制作をスムーズに行うにあたり役に立つサイト、便利なサイトなどをご存知の方がいらっしゃいましたら、教えていただけるとありがたいです。HTML、CSS、デザイン関連に詳しいサイトであると嬉しいです。よろしくお願いいたします。
webサイトの高速化について

webサイト表示の高速化を考えており、現在CSSのことで悩んでいます。私はサイトを作る際、1ページずつCSSを分けているのですが、実際webサイト表示の高速化を考えたときcssは一つにまとめるのと、小分けにするのどちらがいいのでしょうか？調べてもいい結果がでず質問しました。
プロっぽいWEBデザイン

私はHTML・CSSを勉強しています。しかし素人っぽい地味なサイトになってしまいます。 (10年前の素人がHTMLを学んで作ったような) このようなサイト→http://dougaset.com/sample/xhtml/samplesite/webpage/about.html そうではなくて、商業色を全面に押し出した、ITベンチャー企業が作りそうな、キャッチーで大衆受けする小綺麗なサイト作りたいです。このようなサイト→http://pr.cgiboy.com/　　※左記はWEBデザインについての例です。動的プログラムには言及していません。例えば上記サイトで言うなら、虫眼鏡、星マーク、ハートの画像、光沢のあるボタン、ロゴ、可愛いキャラクター等です。いくらHTML・CSSを学んだところで、これらは作れませんよね。既にadobe系のソフトは買ってしまいました。それらを勉強するための書籍を教えてください(amazonのURLでお願い致します) 素材が必要ならば、 WEBデザインの下請け会社が提携している素材・モデル屋を教えてください。 ※外注という方向は無しでお願い致します。
WEBサイト製作のPC

WEBサイト製作にRAMを6gbに増設したノートパソコン CF-J10PYPHRを使っているのですが、もっとハイスペックでないと厳しいでしょうか？イラストレータで３Dを行うと稀にフリーズして出来ないことがあるのですが他は特に問題を感じません。上記の問題はRAMが足りないからでしょうか？その場合何十ギガくらい最低必要でしょうか？またビデオカードもかんけいあるなら最低どのくらいでしょうか？上記の条件を満たすそれなりに持ち運べるノートPCなどあるのでしょうか？
WEBサイトを管理する方法（ソフト）を教えて下さい

こんにちは。 WEBサイトを管理する方法を教えてください。小規模な個人サイトを作っています。小説を載せています。 (http://wingnovel.web.fc2.com/) ページ数はまだ50くらいなので、そんなに大変ではないのですが、少しずつ増えていくことを考えると… 何が言いたいかと言うと、デザインを変えたい！と思ったときに、CSSのみ弄ればよいような場合は問題ありませんが、HTMLから書き直さなければならないといった状態になったとき、ページ数の分だけHTMLを書き直すことになってしまうと思います。私の希望としては、（各ページごとに異なる内容なのはメインカラムの小説のみなので）小説部分をデーターベースなどに保存して、テンプレートを用いて、それぞれデーターベースの内容を代入していく見たいな…（FC2ブログみたいですね。。。）ということはできませんか？また、データーベースはパソコンのほうにおいておいて、パソコンでHTMLファイルを作成→サーバーにアップという手順がいいかなと思っています。（ファイル数が増えれば転送に時間もかかるとは思いますが、、、文章なので大丈夫ではないでしょうか？）というのも、サーバーのほうはフリーのスペースなのでサーバー側で行う処理はほとんどできません。いつか、有料の物に移転したいとは思っておりますが、現段階においてはとてもとても… 当方が持っている知識は、HTML、CSS、ジャバスクリプトがほんのちょっとと言った程度で、データーベースに付いてはまったくわかりません… もちろん、書籍やネットで勉強していくつもりではおりますが、どうぞよろしくお願いいたします。もしよろしければ、データーベースに付いてもご教授お願いいたします。
Webサイトの階層化のしかたについて

弱小企業でWebサイトの担当をしていますが、全くの独学なので基本的な事が分かっておりませんので宜しくお願いします。先日セミナーに行ったところ、サイトをテーマ毎に階層化しなさいと説明をうけましたが、やり方がわかりません。階層化にすると「http://AAA.com/BBB/CCC.html」となり、「/」で区切られてページ（アドレス）が表示される事ですよね。現在は全て「http://AAA.com/BBB.html」、「http://AAA.com/CCC.html」と表示されています。現在はｈｔｍｌファイルはメインのフォルダ内に全て入れていて、ｃｓｓファイル、ｊｓファイル、画像ファイルはメインフォルダの中にｃｓｓフォルダ、ｊｓフォルダ、画像フォルダを作って入れています。 CCC.ｈｔｍｌファイルをどこに置けば良いのでしょうか。メインフォルダの中に例えばBBBフォルダを作ってその中にCCC.ｈｔｍｌファイルを入れると言う事なんでしょうか。そうするとBBB.ｈｔｍｌファイルを見るときは「http://AAA.com/BBB.html」になりますし、CCC.htmlファイルを表示するときは「http://AAA.com/BBB/CCC.html」になりますよね。同様に「http://AAA.com/BBB/CCC/DDD.html」としたい場合は、BBBフォルダ内にCCCフォルダを作ってDDD.htmlファイルを入れておくという事なんでしょうか。極基本的な質問ですが、ご回答宜しくお願い致します。
ユニクロのWEBサイトのメニューの仕組みについて

ユニクロのWEBサイトのメニューの仕組みが知りたいです。 http://store.uniqlo.com/jp/store/feature/casualshirts/l3women/ このページのメインのビジュアルイメージの右上に TOPへコーディネートとあります。そちらのコーディネートをクリックすると四角の中にMENUと書かれたメニュー画像が出てきます。このメニュー画像をマウスオーバーすると TOPへコーディネート上記のメニューが中から出てきます。この仕組みを知りたいのですが、それらを説明している参考サイトなど知っている方いらっしゃればおしえていただければ幸いです。 CSSを見たのですが全く意味が分かりません。なぜこれで、あのメニューが出来るのでしょうか。 #l3_content_banner p.btnLivebanMenu, #l3_content_banner ul.btnLivebanMenu{ position:absolute; top:10px; right:10px; } #l3_content_banner ul.btnLivebanMenu li{ line-height:0%; font-size:0%; } #l3_content_banner ul.btnLivebanMenu li img{ vertical-align:top; } よろしくお願いします。
Web2.0において　サイドの影のつけ方

こんにちは。はじめまして。いまだに中学生の未熟者ですが、質問があるので投稿いたします。 Web2.0風を目指してサイト制作をしています。そこで質問があります。先月ネットサーフィンをしていて見つけたサイトなのですが http://retorotype.blog78.fc2.com/ こちらのサイトの両サイドにある影のようなバーはどのようにすれば取り付けれるのでしょうか？まだまだ未熟者なのですが、画像を使用しているものだと思うのですがその設定がいまいちよくわかりません。検索などで調べてみたのですが、答えがだせない現状です。 HTMLとCSSに関する知識は未熟相当なものですが、あります。どなたか、もしご存知の方がいらっしゃいましたらお答え願いします。愚問申し訳ございません。よろしくお願いいたします。
WEBサイトのフッターについて。

現在、物販用WEBサイトを作成中なのですが、フッターのデザインを変更したいと思っております。ただ、ほとんど知識がない上に、テンプレート配布サイトからDLしたhtmlファイルとcssを見よう見まねで編集する程度でして、ビルダーなどのソフトは使っておりません。作成中のフッターは｜HOME｜サイトナビ｜よくある質問｜お問合せ｜という横並びになっているのですが、 http://footer-design.com/ に載っている様な並びにしたいと思っております。 htmlもしくはcssをどのようにしたらよろしいでしょうか？つたない内容で申し訳ありません。どなたかお力をお貸し下さい。よろしくお願いいたします。
勉強のために最初はどんなサイトを作りますか？

webデザイナーになるために勉強中です。HTMLとCSSを勉強したので勉強のためにいくつかサイト作ってみようと思いましたが、まずなんのサイトを作ろうかという所で悩んでいます。先輩方もたくさんいると思ったので質問させていただきました。参考にさせてもらえれば嬉しいです。
２００４年４月現在のＷＥＢ製作現場　

大多数のＷＥＢ製作の会社ではＨＴＭＬ、ＣＳＳを手書きで行っているのでしょうか？ＨＴＭＬを手書きだとかなり効率が悪いような気がしますが皆さんの意見を聞かせてください。
Webサイトのデザインは手打ち派？テンプレート派？

Webサイトのデザインって皆さんどうしているのでしょうか？・全て手打ちで作っていますか？・CSSテンプレートなどを他のサイトからダウンロードして、一部をカスタマイズして作っていますか？どちらのパターンでしょうか？　私の場合、HTMLもCSSも全て手打ち。絵心もないのにロゴマーク画像もGIMPなどで自作してしまったので、大失敗してしまいました。個人Webサイトの運営者様で、自分はこうしているというご意見を訊かせてください。参考にしたいのです。

WEBサイト製作などに関する質問

みんなの回答

補足 2014/09/01 19:53

関連するQ&A

イラレからWEBサイト

HTMLとCSSで軽いWEBサイトを作るには？

現在のweb製作(HTMLとCSS)

独自のwebサイトをつくる

web製作について

WEBサイトの運営

【Webサイト制作会社の方に質問です】斬新な広告表

web製作について。

WEBサイト制作初心者に役立ちそうなブログやサイト

webサイトの高速化について

プロっぽいWEBデザイン

WEBサイト製作のPC

WEBサイトを管理する方法（ソフト）を教えて下さい

Webサイトの階層化のしかたについて

ユニクロのWEBサイトのメニューの仕組みについて

Web2.0において　サイドの影のつけ方

WEBサイトのフッターについて。

勉強のために最初はどんなサイトを作りますか？

２００４年４月現在のＷＥＢ製作現場

Webサイトのデザインは手打ち派？テンプレート派？

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

WEBサイト製作などに関する質問

みんなの回答

補足 2014/09/01 19:53

関連するQ&A

イラレからWEBサイト

HTMLとCSSで軽いWEBサイトを作るには？

現在のweb製作(HTMLとCSS)

独自のwebサイトをつくる

web製作について

WEBサイトの運営

【Webサイト制作会社の方に質問です】斬新な広告表

web製作について。

WEBサイト制作初心者に役立ちそうなブログやサイト

webサイトの高速化について

プロっぽいWEBデザイン

WEBサイト製作のPC

WEBサイトを管理する方法（ソフト）を教えて下さい

Webサイトの階層化のしかたについて

ユニクロのWEBサイトのメニューの仕組みについて

Web2.0において サイドの影のつけ方

WEBサイトのフッターについて。

勉強のために最初はどんなサイトを作りますか？

２００４年４月現在のＷＥＢ製作現場

Webサイトのデザインは手打ち派？テンプレート派？

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

Web2.0において　サイドの影のつけ方

２００４年４月現在のＷＥＢ製作現場　

カテゴリ
一覧

専門家に質問してみよう
専門家登録