スタイルシートで作成したフレームの一部(特定のブロック)

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: こげ : 2007/08/21(火) 09:34  ID:Dn9/UvGU sub-gr
個人でHPをテキストエディタで作成しています。

今回スタイルシートを使用してフレームを作り、合計5ブロックができました。順に
:タイトル(ロゴ):検索エンジン:
:メニュー(サイドバー):内容 :
:     著作権      :
となっています。
しかし、MENU(サイドバー)で選択したリンクが新しいウィンドウで開かれてしまいます。
targetを「内容を入れる右のブロック」へ向けて色々と入力したもののすべて上手くいきませんでした。

もしかしたら自分の勉強不足なのかもしれません。
どなたかなにかご存知の方、お教えいただけないでしょうか?


targetには「rightpage」「ブロック名」「right」をためしました。

1   名前: 匿名 : 2007/08/21(火) 09:34  ID:Iq7prWSS sub-pq
> 今回スタイルシートを使用してフレームを作り

スタイルシートでフレームを作成、とはどのようなものでしょう?
作成されておられるHTMLとスタイルシートの内容を提示されると、
何か分かるかも知れませんが……。

2   名前: こげ : 2007/08/21(火) 09:34  ID:Dn9/UvGU sub-gr
「All About japan」の
チャンネル》ITデジタル》インターネット・ホームページ作成》ホームページ作成。で掲載されている記事を手本に作成しました。
そちらをご参照頂いた方がお分かりいただけると思います。

スタイルシートの floatプロパティを使い複数のブロックを横などに並べたりして段階を作る方法でフレームのように作ります。
-HTMLソース-
<div class="blocka">
ロゴ
</div>
<div class="blockb">
案内・検索窓
</div>
<div class="blockc">
ナビゲーション
</div>
<div class="blockd">
メニュー
</div>
<div class="blocke">
本文
</div>
<div class="blockf">
著作権表示
</div>
-style内-
<style type="text/css">
div.blocka {
float: left;
width: 200px;
}
div.blockc {
clear: both;
}
div.blockd {
float: left;
width: 15%;
}
div.blockf {
clear: both;
}
</style>
コピー、ペーストしたものです。
自分の場合はこれを応用して作りました。

3   名前: 匿名 : 2007/08/21(火) 09:34  ID:BDC2cJGt sub-Ds
フレームにみえるように並べる事と、フレームは違いますよ。
フレームはターゲットで操作しますが、フレームに「見えるだけ」ならリンクをクリックすると、ページごと変わります。
ターゲットしたいなら、フレームで作成してください。
フレームに「見えるだけ」がいいのなら、ページごと作り変えてください。

4   名前: あや : 2007/08/21(火) 09:34  ID:TRVH9wjM sub-ND
こんばんは。

> 「All About japan」の
> チャンネル》ITデジタル》インターネット・ホームページ作成》ホームページ作成。で掲載されている記事を手本に作成しました。

 では曖昧なので
http://allabout.co.jp/internet/hpcreate/closeup/CU20050228A/index4.htm
と指定していただけたらと思います。

それでこの記事で紹介されているのはスタイルシートによる段組の作り方であって>>0さんの希望しているフレームタグを使ったレイアウトの作り方ではありません

http://www.tagindex.com/html_tag/frame/frame.html

を参照してCSSも含めたHTML全体を書き直された方がよりイメージに近いサイトが作れるのではないでしょうか。

5   名前: こげ : 2007/08/21(火) 09:34  ID:Dn9/UvGU sub-gr
ご返答有難うございます。

>>匿名
>フレームにみえるように並べる事と、フレームは違いますよ。
説明不足でしたでしょうか?ですから「フレームのように」と申しました。
あなたのおっしゃるとおり、また別のページを作ることにします。

>>あや
>「All About japan」の
> チャンネル》ITデジタル》インターネット・ホームページ作成》ホームページ作成。で掲載されている記事を手本に作成しました。
 では曖昧なので
http://allabout.co.jp/internet/hpcreate/closeup/CU20050228A/index4.htm
と指定していただけたらと思います。

直リンになるかと又それは禁止なのかと思いとどまりました。
ご紹介いただいたサイトへいってみましたが、これに満足できないからこそこの方法出しようと思ったわけです。


お二人方、ご指摘頂きどうも有難うございました。

6   名前: 元帥 : 2007/08/21(火) 09:34  [URL]  ID:.rfGA.8y sub-bK
解決されたようなので、もう見ていないかもしれませんが、言いたい事は言っておきます。

> 説明不足でしたでしょうか?ですから「フレームのように」と申しました。
説明不足です。というか「のように」という表現は後から取って付けたものです。
だから誤解を招くのです。

会話の概略:
こげ氏>>0 「CSSでフレームを作った」
匿名氏>>1 「(゜Д゜)ハァ」
こげ氏>>2 「フレームのように作った」
匿名氏>>3 「『フレーム』と『フレームのように』は違う ┐(´д`)┌ヤレヤレ」
こげ氏>>5 「だから『ように』と言った」

> 直リンになるかと又それは禁止なのかと思いとどまりました。
投稿する際「はじめにお読みください」を読んでないのですか?
「ガイドライン」を承諾していだたける方でしたら、どなたでも自由に閲覧と投稿を行うことができます。とあります。
そのガイドラインには外部へのリンクについて説明が記載されています。
http://www.tagindex.com/bbs/note.html
http://www.tagindex.com/bbs/guideline.html#h3

> >>匿名
> >>あや

感謝すべき相手に対して、呼び捨てですか?

7   名前: 匿名 : 2007/08/21(火) 09:34  ID:fSjlFhHV sub-Ds
もう見てないとは思いますが、同じ問題でくる方に、こげ氏のは段組ですが、擬似フレームでも問題の本質は変わりません。本物の「フレーム」でないなら、1ページづつ作り直すことです。

こげ氏は別の意味で作り直すと開き直ったようだが、cssではそれが正解です。
http://q.hatena.ne.jp/1185063872

8   名前: 匿名 : 2007/08/21(火) 09:34  ID:Iq7prWSS sub-pq
>>1です。>>3の匿名氏とは別人です(笑)。

どうしても、擬似フレームで本来のフレームと似たような動きをさせたいなら、
本文表示部分に<object>タグでhtmlファイルを読み込んで、
MENUの選択リンクにJavaScriptを仕込んでonClickでファイルを切り替えるとかでしょうか。
私はやった事がないですが。

単に、同じ内容の多いファイルを何枚も作りたくないだけなら、
ブロック毎にパーツを作ってサーバーサイドで出力するのでもいいかも?

と呟いても、もう見ておられないかも知れませんが。



一覧へ戻る