• ベストアンサー

インラインフレーム内に2つのタブを作成する方法

ホームページ作成について、質問したいと思います。 実際に、使用されているページを見ていただいたほうが、分り易いと思います。 http://fc2.com/ 上記のページですが、中央のインラインフレーム内の上部に、2つの、「 お知らせ 」 と 「 新着記事 」 というタブがあります。これを入れるには、具体的に HTMLとCSSには、どのように記載するのが良いのでしょうか? 詳しい方がいましたら、よろしくお願いします。

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

iframeなんて使われていませんけど・・ 単に <ul>  <li>   <ul>    <li></li>    <li></li>    <li></li>    <li></li>   </ul>  </li>  <li>   <ul>    <li></li>    <li></li>    <li></li>    <li></li>   </ul>  </li> </ul> と二つのリストが書いてあるだけです。  あとはスタイルシートでデザインされているだけです。 別にulでなくても、何でもよいです。

thanksv
質問者

お礼

ご回答、ありがとうございます。大変参考になりました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

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

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

    • ベストアンサー
    • HTML
  • インラインフレームより下が消えてしまう

    こんばんは。 先日からFC2にてHPを作成している者ですが、困った事が起きてしまいました。 トップページにインラインフレームを使用したいと思い、HTMLタグを調べてさっそくトップページに打ち込んでみたのです。 インラインフレームは無事設置出来ているのですが、それより下のタグが全て消えていました…。 詳しく説明すると (■←がインラインフレームだとします。) 「ようこそホームページへ~  何々がメインの~~  ■  いろいろありますので~~  ごゆっくり見て行って下さい」 としたいのですが、 「ようこそホームページへ~  何々がメインの~~  ■」 と、インラインフレームより下の全てが消えてしまいます。 何度繰り返しても同じでした…。 どなたか原因等をご存知の方いらしたら教えていただきたいのですが…。

  • ビルダー8でインラインフレーム作成方法教えてください

    ホームページビルダー8でインラインフレーム作成方法教えてくださいませんか? 又はHTMLでもいいのですが、わかる方いらっしゃいましたら、面倒かもしれませんが教えてくださると助かります(>_<)

  • ビルダー インラインフレームのスクロールを消すには

    よろしくお願いいたします。 ホームページビルダーで作成しています。 ●インラインフレームを使用したいのですが インラインフレームの枠のスクロールバーが表示されてしまいます。 TOPページのスクロールのみ消えたのですが 他のページのバーは右側の方に残っていて見苦しいのでできれば消したいのですが消し方が分かりません。 どなたかご存知の方がいらっしゃいましたら教えてください。 よろしくお願いいたします。 この画面です↓ ttp://juno8.web.fc2.com/

  • ホームページビルダー14でインラインフレームを作成

    現在、ホームページビルダー14を使用しています。 もう、既に作成している段階途中のページに、添付写真のような「インラインフレーム」を入れたいと思っています。 できる限り、ホームページビルダーのツールを使って、簡単に入れたいと思います。 いろいろと自分でも調べて見ましたが、 http://www.webword.jp/xhtml/frame/index7.html のページ等を等を参考にした所、書かれている通りのHTMLソースを貼付けてもうまくいきません。 ここではっきりといえば、ホームビルダー14の挿入ツールの中から、より簡単に入れる方法は無いのかと思っています。 例えば、完成品の参考として、他の方の作られたページですが、 http://www.geocities.jp/nakayoshi_c2004/ にあるものは、おそらく14よりは前に、ホームページビルダーで作られたものだと思います。 このページの、中央より下にある「レポート&動画」のすぐ下の表中にある「2010」~「2009」と書いてある、テキストを編集して書き込め、スクロールできるようなインラインフレームを希望しています。 できる限り、ホームページビルダーのツールを使って、最も簡単に入れる方法を知っている方がいましたら、よろしくお願いします。

  • インラインフレームについて?

    インラインフレームでフレームに入るファイルにいくつかラベルを付けて別のページに飛んだ時にラベルの付いている指示した場所に飛ばせたいのですが、どうしてもうまくいきません。 別のページに飛んだ時にインラインフレームがあるページの中央に飛んでしまいます。ちなみにインラインフレームに入るファイルはちゃんと指示した所まで飛びます。 別のページに飛んだ時にそのページの頭にくるようにしたいのですが、どうすればいいのか教えてください。 こちらの環境はホームページビルダー8を使っています。IEのバージョンは6です。 説明が下手ですが、よろしくお願いします。

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

    Ameba Owndというアメーバの無料ホームページを利用しての事です。 ホームページのTOPページに、更新情報を載せたくてインラインフレームを使用したいと思っています。 スクロールバーは表示されるのですが、中身の情報が表示されません。 中身のページは、アメブロのブログに更新情報を書いてインラインフレーム内に表示したいと思っています。 アメブロでは表示出来ないという事でしょうか? ソースの書き方が間違っているのでしょうか? 当方、HTMLの知識がないので分かり易く丁寧に教えて下さる方のみお願いします。

  • インラインフレームにリンクするには

    お世話になります。 少年野球のホームページを作っていますが、リンクボタンを5つ作り、同じページにインラインフレームを一つ作って、リンクボタンをクリックすると、インラインフレーム内に表示させたいのですが、その方法が分かりません。HTMLで作っています。どなたかご教示願えますでしょうか?よろしくお願いいたします。

  • タブの角丸とグラデーション

    ホームページでページを切り替えるタブを見ますが、Htmlに関して以下のことがわかりません。 ・角丸のタブはどうすれば作ることができますか? ・タブのグラデーションはどのようにして作ることができますか? イメージとしては、以下のホームページの上部にある「商品」「お客様サポート」タブです。 http://kadenfan.hitachi.co.jp/products/index.html よろしくお願いします。

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

    インラインフレーム機能を使ってホームページを作ってみたのですが、なぜか、ビルダー内では普通に表示されるページがなぜか、Webサーバーの方に出すと表示されません。 例 1は普通にHTMLへのLINK 2も普通のHTMLへのLINK 3は掲示板へのLINK 1→2→3→1→2→3     ↑で1の物が表示されません。 詳しくは以下のURL http://www.geocities.jp/skyforce114/test/test.html

専門家に質問してみよう