• ベストアンサー

HTML・CSSに詳しい方お助け下さい!

HTML・CSSに詳しい方お助け下さい! このお店のようなサイトデザインにしたいのですが… http://www.coco-lagoon.com/ 左側のメニューをクリックすると、右側に商品説明が出ます。 これはインラインフレームとは違うのでしょうか? 左側メニューの文章を編集したら、すべてのページの左側も同じようにいじらなければならなくなる気がするのですが、あまりにも面倒な気がします。 今はインラインのようなCSSがあるのでしょうか? どういう仕組みになっているのか教えていただけたら大変助かります。 よろしくお願い致します!

  • raien
  • お礼率82% (93/113)

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

テンプレがあればサーバー側で動くプログラムで半自動的にうめこむことができるので そうしているのかもしれませんね

関連するQ&A

  • インラインフレーム内のCSSについて

    インラインフレームを使ったホームページを作っています。 インラインフレームを置いている元のHTMLにはCSSを適用しています。 インラインフレーム内に表示させるHTMLにも別のCSSファイルを適用しているのですが、この場合インラインフレーム内に表示させるHTMLには両方のCSSが適用されてしまうのでしょうか? その場合は優先順位はどちらが上になるのでしょうか? DOCTYPE宣言やCHARSETなどで気をつけなければならないことや、ブラウザごとの違いなどお分かりになられる方いましたら宜しくお願いします。

    • ベストアンサー
    • HTML
  • インラインフレームのリンクについて

    ホームページビルダー9で左側にインラインフレームのあるページを作ってインライン内にタイトルを作り、そこからリンクしてページを開きたいと思っています。 挿入→HTMLタグ→IFRAME7でページを指定してページの挿入には成功しました。 しかし、プレヒューでインライン内のリンクをクリックするとインライン内だけが開いてしまい リンクしたはずの右側のページが変わりません。 リンクのページは何度も確認したのですが間違っていませんでした。 試しに、右側のページにラベルを貼ってそこへリンクさせたら、左側のページが右側のインライの中に入ってしますました。 HTMLダグはあまり詳しくない初心者です。 左側のページを変更せすに、右側だけ変えるのはどうしたら良いのでしょうか。 とても困っています、助けて下さい。

  • HTML編集・CSS編集ソフト

    お勧めのHTML編集・CSS編集ソフトを教えてください。 現在、HeTeMuLu Creatorを愛用していますが、こういう手打ち感覚のもので、他にいいものがないかなあと思っています。 HTMLは自分のレベル的には中級だと思いますが、CSSは、「CSSでデザインする」と言う面においては初心者レベルです。 要望としては、 ・idとかclassがごっちゃになるので、それをうまくまとめながらデザインできる。 ・marginとか何回聞いても忘れてしまうので、それを視覚的に見ながらデザインしたい。 ・プレビュー機能が欲しい。 ・手打ち感覚で、タグ候補が出る。 ・Kompozerは試してみましたが、使い方が判らず挫折しました…。 何かいいものがあれば教えてください!

  • HTML5+CSS3 でしかできないこと

    長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML5+CSS3 が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5+CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML5で作られていますが(section タグや header タグがありますね) XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 3カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております^^ どうぞ宜しくお願い致します!

  • HTMLでTextareaを横に2つ並べることは出来ますか

    HTMLでTextareaを横に2つ並べることは出来ますか Textareaを 左側はひとつ、右側はふたつ、左側の高さが100だとすると右側は50,50で二つといったデザインは出来ますでしょうか、教えて下さい、宜しく御願いします。

  • HTML5+CSS3導入タイミングは?

    今あるサイトのHTML言語を、HTML4.01からHTML5へ移行しようかと考えています。 ただ、まだW3Cの勧告が出ているわけでもないですし、HTML5とCSS3のブラウザ対応状況を見てみると、IEが少し遅れを取っているようなので、ためらっています。 【HTML5 & CSS3 Support】 http://www.findmebyip.com/litmus/ あとは、ただ単にHTML5に対応していない旧バージョンのブラウザの振り分けが面倒で、モチベーションが上がらないというのもあるのですが^^; CSS3のみでしたら、下位互換機能があるとのことなので、導入しやすいように感じますが、どうなのでしょうか? IE10が出るまで待ったほうがいいでしょうか? すいません。アドバイスをください。

    • ベストアンサー
    • CSS
  • CSSのfloatについて

    ホームページを作成していて、CSSが効かなくて困っています。 2カラムで左側にメニュー 右側にメインのコンテンツを作成しております。 メインのコンテンツは floatでrightに設定していて その中にさらに 2つの内容を入れようと (メインコンテンツ内に左側に画像で右側に画像の詳細をいれたい) floatタグでleftとrightに設定したのですが CSSが効かなくて 左側に画像が配置され その下に画像の詳細文が配置されてしまい 全部左側に配置されてしまいました。 色々と試したみたのですが やっぱりCSSが効きませんでした。 すいません誰かお分かりになられましたら 教えてください。宜しくお願い致します。

  • HTML+フレーム構成のページを、HTML+CSSで書き換えるには?

    HTML+フレーム構成のページを、HTML+CSSで書き換えるには? コンテンツはそのままに、HTML+フレーム構成のページを、HTML+CSSで書き換えることになりました。 ヘッダー、フッター、上部に画像ロゴ、左にメニューを配置したいと思ってます。 メインコンテンツ部分以外はSSIでインクルードしたいと思っています。 案外簡単だと思ったのですが・・・すぐ配置が崩れて悩んでます。 さらに、CromeとIEで確認をするたびに配置が違ってしまいます。 merginとpadsdingを0にしてから始めるらしいことまでは調べたのですが、 そうするととても配置が変で面倒になります。 現在はFFFTPと秀丸とブラウザで作業してます。 ほかに、PhotoShop6とホームページビルダー14とMicrosoftExpressionweb3は手元にライセンスがあります。 HTMLは分かりますが、CSSは初めてです。多少がんばれば、javaScriptも使えるかもしれません。 お薦めの本や、作り方、フリーウェアなどありましたらご指導ください。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • htmlとcssを使ったメニューバー

    HPのメニューバーをhtmlとcssを使用して作成したいのですが、どういう風に調べてよいのかもわからないので、アドバイスだけでもいいので教えてもらえると助かります。 例えば下のようなメニューを作成するとします。 (「□トップ」という一つ一つの画像だと思ってください) □トップ □日記 □写真 □リンク これをフレームページの左側に表示させます。 トップページを右側に表示させている時、メニューのトップというところの画像がいれかわり、 ■トップ □日記 □写真 □リンク 上のように表示させ、日記ページを右側に表示させている時も同様に □トップ ■日記 □写真 □リンク と、現在見ているページのメニュー画像のみを入れ変えるという設定にしたいです。 できるのなら、cssとhtmlの記述例を教えてくださると大変助かります。 よろしくお願いします。

  • このテーブルをCSSで書くとどうなりますか?

    画像を参照願えますでしょうか。 左側100pxの右側は400pxで合計幅500pxあります。 (右側1行左側3行です。) これをテーブルレイアウトではなく、divとcssで書くとどんなhtmlになりますか? 現在段組を色々やってますが、自問自答してもこのパターンだけが解決できないので・・・ 同じようにHTMLに興味ある方や詳しい方がいらっしゃいましたらご教授願います。 お答えの際にはHTMLソースを希望します。

    • ベストアンサー
    • HTML