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

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

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
トップページ > 記事閲覧
セルの高さが上手に設定できません
日時: 2005/04/29 13:58
識別: IDUJ1mB96eoh6
名前: マモ
参照: https://homepage3.nifty.com/sekai-hekichi/

小技集で紹介されていた「スタイルシートで表やボタンの枠を設定してみる その2」を使い、見出しを飾りたいのですが、セルの高さが随分と高くなります。

サンプルのように文字の大きさに合わせたセルの高さにするには、どうすればよろしいのでしょうか?
メンテ

1005
Re: セルの高さが上手に設定できません ( No.1 )
日時: 2005/04/29 17:04
名前: Newのり太

> 小技集で紹介されていた「スタイルシートで表やボタンの枠を設定してみる その2」を使い、
https://aimix.jp/stylewaku2.html
↑こちらですね。
# そのページにリンクしておいていただけると捜す手間が省けて助かります。

> 見出しを飾りたいのですが、セルの高さが随分と高くなります。
>
> サンプルのように文字の大きさに合わせたセルの高さにするには、どうすればよろしいのでしょうか?

で、その部分は提示先URLのどの部分なのか、ちょっと見つけられませんでした。

で、想像で書いてしまうと、「見出し」の余白のことかと思いますが、
たいていのブラウザでは「見出し」には一行分の余白がとられます。

■セル内の文字に見出しを設定するとプレビューで1行分の空白ができてしまいます
https://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/key/49256A6A0001F13649256E84001CF550?opendocument

でしたら、hx要素の「枠」だけでなく「マージン」も調節すればいいのではないでしょうか。
メンテ
Re: セルの高さが上手に設定できません ( No.2 )
日時: 2005/04/30 03:46
名前: マモ
参照: https://homepage3.nifty.com/sekai-hekichi/

早速のお返事をどうもありがとうございました。

こうした掲示板での質問は初めてで、要領を得ない質問の仕方をしてしまいました。次回から気を付けます。

提示したURLでも該当のページは作成中のため、当然アップしておらず、だったら何のためにURLを書き込んだんだ・・・ということになりますね。失礼しました。

肝心の戴いたお答えですが、その通りで確かに1行分の空白ができるのです。それを取りたいがために、ご指摘の通りマージンも0に設定したのですが、直りませんでした。私の方法が悪いのでしょうか?
メンテ
Re: セルの高さが上手に設定できません ( No.3 )
日時: 2005/04/30 10:46
名前: Newのり太

解説のページでは、TD(データセル)のスタイルを設定しているのですが、
マモさんの場合は、hx(見出し、xは見出しのレベルで1〜6までの数字)の
マージンを調節するべきなのですが、そのあたりは大丈夫でしょうか?

作りかけでも実際のページを一時的にサーバーにアップしていただいて
見せていただいたほうがより的確なアドバイスが出来るかもしれません。
メンテ
Re: セルの高さが上手に設定できません ( No.4 )
日時: 2005/04/30 21:01
名前: マモ  <zvd02734@nifty.com>
参照: https://homepage3.nifty.com/sekai-hekichi/alhdhd1-june03.htm

Newのり太さま

何度もありがとうございます。とりあえず完成した該当のページを上記URLにて示しました。ページ中ほどの2つの見出し部分です。

ご指摘の通り、HTMLソースで確認してみたところ、見出しでマージンを調節すべきところをTD部分で何やら数字が書き込まれています。この辺が原因かなとは思うのですが、実際にどういう作業をするべきかよく分かりません。御教示下さいますと大変助かります。よろしくお願いいたします。
メンテ
Re: セルの高さが上手に設定できません ( No.5 )
日時: 2005/05/01 17:08
名前: Newのり太

> ページ中ほどの2つの見出し部分です。

今月のトピックス
第一回日本料理講習会 イエメンに住んでる日本人(1)
・・・の部分ですね。

TDに(ボーダーの)スタイルを適用したのと同じように、
H6に(パディングの)スタイルを適用してください。←訂正:すいません、マージンのまちがいです。
H6見出し部分を右クリック>スタイルの設定

ボーダーのスタイルも、TDではなく、H6につけるようにすると
たとえ、マージンが1行分とられたとしても違和感はなくなります。

あと、丸囲み文字は環境によっては文字化けすることがあるので
webでの使用は避けたほうが賢明です。

あと、見出しタグの使い方がおかしいと思います。

たとえば、「やつがしら便」創刊によせて〜の部分、
セル内の文章すべてが見出し6とマークアップされていますが、
見出しは見出しですから、内容を端的に表す表題みたいな
ものであるべきだと思います。

<h6>「やつがしら便」創刊によせて</h6>
<p>古代サバ王 FFF 国の地に、(中略)声をお待ちしています。<br>
編集者 ホダ</p>
<h6>「やつがしら便」Web版について</h6>
<p>オリジナルのやつがしら便は(中略)私の大きな喜びとなります。<br>
サイト管理人 マモ親</p>

・・・みたいな。

いきなりレベル6からっていうのも、ヘンと言えばヘンです。
https://www.kanzaki.com/docs/html/htminfo11.html#S3
メンテ
Re: セルの高さが上手に設定できません ( No.6 )
日時: 2005/05/02 16:40
名前: マモ
状態: 解決!

セルの高さについてはH6部分に設定することで無事解決できました。素晴らしい! 

また、その他のコメントも大変勉強になりました。見出しはただ文字の大きさだけと思っていた素人の私です・・・。引用されていたサイトで勉強し直しです。独学でのHP作りはやはり限度があると実感しているところです。

本当にありがとうございました。
メンテ

Page: [1]




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