1 表を使ってのレイアウトについて

 ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
トップページ > 記事閲覧
表を使ってのレイアウトについて
日時: 2005/01/23 04:45
識別: IDh0.y7q5Ka92
名前: SK

はじめまして。随分、見やすいページになりましたね。
今、ネットショップ用ページを作っているのですが、わからない事があります。
表を使って商品画像とその下に紹介文を入れる場合、
1・表の中に表を作り2分して画像と文をそれぞれ入れる
やり方と
2・表の中に画像を入れる所だけ表を作り、文は表なしでそのまま書く
やり方とどちらが一般的なんでしょうか。?
どちらもして見たんですが、プレビュウー画面では変わりありませんでした。
どちらも外と内の表枠はなしで、外側の罫線はありにしたいのですが。
メンテ

Re: 表を使ってのレイアウトについて ( No.1 )
日時: 2005/01/23 10:47
名前: カヅサツ
参照: https://kadu.vis.ne.jp/main/

と、いわれましても、そもそも table は「表」のための要素なので、「それは表である」と作成者が判断すれば、そのようにマークアップしてください、としか言いようがないです。そして、見栄えはなるべくスタイルシートのみに頼るようにすべきです。

もっとも、IEのバグ絡みで、どうしてもスタイルシートのみではできないという場合、レイアウトのための tableもやむを得ない場合がありますが、最小限にとどめて下さい。

> 表を使って商品画像とその下に紹介文を入れる場合、

> どちらも外と内の表枠はなしで、外側の罫線はありにしたいのですが。

それでしたら、そもそも表にする必要すらない気がします。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"https://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-style-type" content="text/css& FFD quot;>
<title>未来アイテム / 商品詳細 / 通販サイト○○</title>
<style type="text/css">
h2{
text-align: center;
}
div.section{
border-style: solid;
border-width: 1px;
border-color: black;
}

</style>
</head>
<body>
<h1>商品詳細・未来アイテム</h1>

<div class="section">
<hr>
<h2><img src="" alt="どこでもドア"></h2>
<p>亜空間技術を駆使し、好きな場所へ移動できます。</p>
</div>

<div class="section">
<hr>
<h2><img src="" alt="四次元ポケット"></h2>
<p>擬似次元界への小型ポータルです。</p>
</div>

</body>
</html>



メンテ
Re: 表を使ってのレイアウトについて ( No.2 )
日時: 2005/01/23 20:41
名前: SK

一画面の中に、いろいろなサイズのレイアウトが使われている場合がありますが、
その場合でもスタイルシートでできるのでしょうか?
メンテ
Re: 表を使ってのレイアウトについて ( No.3 )
日時: 2005/01/23 23:31
名前: NICCABI

横レスごめんなさい。
ホームページビルダーの操作のし易さでコメントしますので気分を悪くされたら申し訳ありません。

どちらかいうとホームページビルダーで作成する場合 <DIV> 要素を入れる
より表での作成を重視する操作になっているような気がしますから、表で
レイアウトした方が視覚的に分かりやすい思います。
また見る側で問題なければいいですから記述の綺麗さより、自分の技量で出来る
ページの出来栄えを重視した方がいいと思います。


SKさんの質問では入れ子にするか、そうでないかですが、入れ子にしないかの
内容ですが、確認されて問題なかったように、視覚的にはどちらでも構いません
が、ページ容量を考えればは入れ子にせず文章を書いた方が小さいです。
ビルダーでは表を入れるごとに <TABLE> に加え <TBODY> も入れますが、
あまりサイズ的には変わりないと思います。

表の要素が無くなる事は無いと思いますので、そのまま表を配置して、
余白や枠線など指定したい場合はスタイルで行えばいいと思います。

https://aimix.jp/tablepad.html

メンテ
Re: 表を使ってのレイアウトについて ( No.4 )
日時: 2005/01/24 15:10
名前: SK
状態: 解決!

カズサツさん、NICCABIさんどうもありがとうございます。
スタイルシートの設定がまだ使いこなせないので、当分表でレイアウトします。
またよろしくお願いします。
メンテ

Page: [1]




ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved