レイアウトというか何というか分からないのですが、※この様な感じのページにしたいと思っています。
例※http://www.joshi-shogi.com/
一番上に『タイトル』があって、それから下は左側と、右側が8:2の割合になってますよね。こういった感じに仕上げたいです。どうしたらできますか?
無料作成ソフトの【fpxpress】で作業しています。
あるいは専用タグを教えて下さい<m(__)m>
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
簡単な専用タグはないんですが、単純な例で説明します。
http://www7a.biglobe.ne.jp/~mkun/css1/css11.htmは
<div id="header">などを使って、ページを5つの部分に分けています。
headerの中にlogoとhrightがあって
pagebodyの中にnavigationとcontentがあって
最後にfooterがあります。
http://www7a.biglobe.ne.jp/~mkun/css1/base.css
というCSSファイルでそれぞれの<div>を定義しています。
これでも、解析するのは難しいかもしれません。
参考URLでCSSファイルを使ったHPの見本をダウンロードできます。
これを使って、高校の情報の授業を行っています。
高校生の半分ぐらいは、自分なりに変更できるようです。
参考URL:http://www7a.biglobe.ne.jp/~mkun/css/css.htm
No.3
- 回答日時:
例のページのソースを見ると<link rel="stylesheet" href="
http://joshi-shogi.com/styles-site.css" type="text/css" />と書いてあります。そこから先をたどっていくと
http://www.joshi-shogi.com/cgi/mt/mt-static/them …というCSSファイルがあって、次のような部分があります。
#container {
position: relative;
margin: 0 auto; /* center on everything else */
width: 720px;
text-align: left;
}
これによって、HTMLファイルの<div id="container">の位置を決めています。
ただ、この例のページを全て解析ずるのは大変です。
No.2
- 回答日時:
こんにちわ。
もっとホームページに詳しいかたの回答があるかもしませんけれど、私なりにこうすればというのを書いてみますね。
ブログ風のトップページにするためには、テーブルタグを使ってみるのはいかがでしょうか。
上タイトルのマス、左ページのマス、右メニューのマス、この3つのマスのサイズを指定して、プログラムにテーブルのタグを用意します。
全体で横に800px、右が横に600px、横に200px、上のタイトルの縦の幅が128pxという感じになっていると思いますので、まず基本の下のようなテーブルを用意します。
<TABLE width="800" border=1>
<TBODY>
<TR>
<TD height="128" colspan="2"></TD>
</TR>
<TR>
<TD width="600"><BR>
<BR>
</TD>
<TD width="200"><BR>
<BR>
</TD>
</TR>
</TBODY>
</TABLE>
それから、マスの枠を表示するタグ、マス同士の隙間を0にするタグ、枠の色を設定するタグを、<TABLE>タグの中に追加してみる。
<TABLE width="800" border=1 cellspacing=0 cellpadding=0 bordercolor="gray">
お手本のページは、テーブルが上に詰まっているので、場所の指定をする必要があるので、そのタグを追加。
<TITLE></TITLE>タグの下くらいに、
<STYLE type="text/css">
<!--
body{
margin:0;
padding:0;
}}
</style>
を入れるといいと思います。
メニューのリンク先をクリックする度に変わるページを1枚、1枚作る場合は、このページを何枚も用意すればいいと思いますし、右のページをくり抜いて、左のページをメニューにして、メニューからのリンク先にするのもいいかと思います。
No.1
- 回答日時:
以下のような所からテンプレートを借りてきて作成するのが手っ取り早いと思います。
http://www.webdaisuki.com/temp/index.html
もっと自由に操作したいのであればHTMLを基本から勉強してください。
http://www.tohoho-web.com/www.htm
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 ネットからファイルをデスクトップにダウンロードする際、既存のファイルの並びが崩れてしまう 4 2022/04/19 08:20
- HTML・CSS インクルードした要素がヘッダーにかぶってしまう 3 2022/09/13 17:35
- ビジネスマナー・ビジネス文書 私の所属する公的機関の文書はとても読みにくく、おそらく、以下が原因のように思われます。 フォントはゴ 1 2022/12/01 07:35
- WordPress(ワードプレス) ワードプレスで記事を書くスペースの横幅を広げたいです。 1 2022/09/24 18:16
- 数学 数Ⅲ、無限等比数列の問題についてです。 極限を調べる問題で、 場合分けのうちの |r|>1 の時、 3 2022/11/12 10:19
- 洗濯機・乾燥機 洗濯機の設置方法確認について 4 2023/03/14 18:49
- Web・クリエイティブ figmaの元データは残したまま、複製して編集する方法は? 会社でfigmaを使い始めたばかりの初心 1 2022/06/16 18:42
- 仕事術・業務効率化 使用中のソフトで、インボイス制度に対応する為の作業料が30万以上。普通? 4 2023/06/15 21:26
- その他(ソフトウェア) 写真の印刷レイアウトについて 13 2023/05/31 07:20
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
任意団体名でも開設できますか
-
NTTの「フレッツあずけーる」の...
-
画像録画ソフト Apower RECの解...
-
Qoo10で注文をキャンセルしたら...
-
XPERIASO-01Gを使用してます こ...
-
バリュードメインを使っていま...
-
http://cloth-gallery.net/inde...
-
インターネット用語について教...
-
認定NPO法人カタリバ
-
au光のIPv4/IPv6デュアルスタッ...
-
gooID作成や、質問するときの名...
-
ホームページを開いて文字が□で...
-
dell hp 開かない
-
au oneホームページ作成
-
言語バーについて
-
有料サイトの開設方法
-
FC2 BLOG <AUDIO TAGを入れプ...
-
ホームページ
-
サーバーログイン情報とFTP接続...
-
自分のドメインが他者のサイト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HPのソースをそのまま貼り付け...
-
ホームページビルダーの表について
-
広告とホームページが重なって...
-
無線LANのSSIDを変更する方法
-
htmlで改行タグを入れていない...
-
隠しページの探し方
-
ドラッグすると見える文字
-
アクセスログの「HEAD」と...
-
HTML タグへのstyle記載の違い
-
アドレスバーへの直接入力を禁...
-
数値Lについて
-
大きくなった文字を元に戻すには?
-
ヤフオクの出品説明文をカラー...
-
ExcelのVBAの正規表現で二重引...
-
CMSサイトの見分け方は?
-
昔のゲーム、ブラックオニキス...
-
HPビルダーの拡張子について
-
グラデーションの仕方
-
ヘッダーを共通化した場合のSEO...
-
CSSで謎の現象
おすすめ情報