ホームページビルダーのPタグとPタグの隙間

前へ 次へ
このQ&Aのポイント
  • ホームページビルダー10を使っております。ホームページビルダーのPタグとPタグの隙間を狭くする方法を教えてください。
  • ホームページビルダー10を使用しており、段落を変えた際にPタグが重複してしまう問題が発生しています。PタグとPタグの隙間を狭くする方法を教えてください。
  • ホームページビルダー10で作成したページにおいて、PタグとPタグの間の隙間が広くなってしまう問題が発生しています。PタグとPタグの隙間を狭くする方法を教えてください。
回答を見る
  • ベストアンサー

ホームページビルダーのPタグとPタグの隙間

ホームページビルダー10を使っております。 以下作業を行いました。 1.標準モードで開きました。 2.黄色のラインに文字を入力しました。 3.段落を変えたいため、黄色のブロック下を　マウスでクリックしもじ「a」を入力しました。 4、3まで、作業を行ったとき、水色の部分に「a」が入力されて段落が二つ(Pタグ)できました。 ココまでは問題ないのですが、このときに出来る 　黄色と水色ブロックの隙間を、狭くしたいのです。 　今回は、青色ブロックに「a」と入力しましたが、 　表を作成したときにも同じ現象になり、隙間が開きすぎて見た目がかっこ悪いのです・・・。 どなたか解決方法をご存知の方がいらっしゃいましたら ご教授のほうお願いします。

画像を拡大する

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

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

　HTMLは、元々欧文文化圏のものなのであること。段落の間にはスペースを入れると読みやすいこと。HTMLの(様々なユーザーエージェントに対応する)目的からウィンドウ巾で折り返されますが、そのための改行!!!!と区別するほうがよいことなどから、段落の間にはマージンがおかれます。 (注意)間が開きすぎるという理由で<BR>(強制改行)で改行するのは誤りです。 　また、アルファベットに比較して文字が大きいため、行間(段落間ではない)が詰まって読みにくい。 　また、日本語の場合は、段落の区切りは、段落の最初の文字を字下げで区別します。 　そこで、スタイルシートで p{ 　margin:0; /* 前後左右のマージンを0にする */ 　line-height:1.6em; /* 行の高さを高くする */ 　text-indent:1em; /* 段落の最初の文字を１文字下げる */ } と指定します。 　ホームページビルダーにしろ、他のオーサリングツールにしろ、きちんとしたHTMLを作成するためには、テキストエディタで直接HTMLを書く人以上に、HTMLやCSSのことを深く、正しく知っておく必要があります。ここは多くの方が誤解されている。 　オーサリングツールを使う前に、HTMLの事をよく学んでおきましょう。すくなくともよく使うタグ。。４０個程度は、その目的と意味を理解しておきましょう。(中学校で学ぶ英単語1000個に比較してもあまりにも少ない数)。。そうでないと、絶対に先で泣くことになります。オーサリングツールはあくまでそのタグの入力支援に過ぎません。 ★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ) とかは一応通しておくこと [参考] ★Webオーサリングツール - Wikipedia ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB ) 　タグを覚えなくてもウェブページが作成できると誤解されているのだと思いますが、HTMLやスタイルシートへの理解と最低限の知識が、テキストエディタで作成する人以上に必要な場面がたくさんあります。少なくともある分厚いマニュアルを読むより仕様書のほうが分量も1/100ですから・・ [例]テキストエディタにコピーペーストして名前を、test.htmlなどで保存する。 ★＿はタブに戻すこと ★Another HTML-lint gateway( ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) ★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input ) でチェック済みです。HTMLができたらチェックすると良い。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>ホームページビルダーのPタグとPタグの隙間</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css"> <!-- p{ ＿margin:0; /* 前後左右のマージンを0にする */ ＿line-height:1.4em; /* 行の高さを高くする */ ＿text-indent:1em; /* 段落の最初の文字を１文字下げる */ } --> ＿</style> </head> <body> ＿<h1>ホームページビルダーのPタグとPタグの隙間</h1> ＿<p style="background-color:yellow;"> ＿＿ホームページビルダー10を使っております。 ＿</p> ＿<p style="background-color:aqua;"> ＿＿以下作業を行いました。 ＿</p> ＿<ol> ＿＿<li>標準モードで開きました。</li> ＿＿<li>黄色のラインに文字を入力しました。</li> ＿＿<li>段落を変えたいため、黄色のブロック下をマウスでクリックしもじ「a」を入力しました。</li> ＿＿<li>3まで、作業を行ったとき、水色の部分に「a」が入力されて段落が二つ(Pタグ)できました。ココまでは問題ないのですが、このときに出来る</li> ＿</ol> ＿<p> ＿＿黄色と水色ブロックの隙間を、狭くしたいのです。今回は、青色ブロックに「a」と入力しましたが、表を作成したときにも同じ現象になり、隙間が開きすぎて見た目がかっこ悪いのです・・・。 ＿</p> ＿<p> ＿＿どなたか解決方法をご存知の方がいらっしゃいましたら、ご教授のほうお願いします。 ＿</p> </body> </html>

kureakai
質問者

お礼

ご丁寧にありがとうございます。 わざわざコードの詳細まで記述していただきありがとうございました。 やりたいことが行えました。 やはりCSSは、一度見直してから作ったほうが良いですね。 本当にありがとうございました。

その他の回答 (2)

回答No.3

「スタイルの設定」を選択して、ダイアログに従ってください。

noname#158634
noname#158634
回答No.1

CSS

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • ホームページビルダーのタグを小文字に設定

    ホームページビルダー１０で作業をしています。標準モードでHTMLソースにタグを書き込むと、小文字で書いても更新後大文字になってしまいます。コレは少々具合が悪いので小文字のまま保存したいのですが、ビルダーの設定を変えるにはどうしたらよいでしょうか？　設定を小文字にすればいいんですよね？　違っていたら、その点も教えてください。ビルダー操作はもとよりホームページ作りの経験が浅いので、どなたかよろしく御指導ください。

  • ビルダーで、ホームページを作成

    しているのですが、 フレームを分割して、そのフレームには スクロールありに設定しております。 そこでなんですが、 あるＨＰを見ると、スクロールバーが 透明なんですよ。 おそらくビルダーでは作成してないと思うのですが、 ビルダーでは、スクロールバーの色の設定する 画面まではございませんので、 自分でタグを変えたりして透明にしたいのですが、 透明といっても、外郭と、「＜」とか「＞」 なんかは黒色で中が、透明といった感じです。 ビルダーは薄い水色なんですよね。 透明にしたいのですが、 どこにどういったタグを打ち込んだらよろしいでしょうか？ どうぞ宜しくお願い致します。

  • ホームページビルダー

    ホームページビルダーＶ８を使っています。 標準モードのスタンダードで作成しているのですが、バナーの上に文字を入力するにはどのようにすればいいのでしょうか？

  • ホームページビルダー

    お世話になっています。ホームページビルダー１０で作成しているのですが、テキストにリンクを貼るとき、文字が青色になり下線が入ります。それが嫌なので、その度にスタイルの設定で「文字飾り」と「前景色」で直しています。初期設定でその都度設定しなくてもよくなる方法はないでしょうか？ また、マウスポインタが文字の上にきたとき、文字色を変えたくて、「表示」→「スタイルマネージャ」→「追加」・・・から設定しているのですが、そうすると、リンクを貼ったテキストがやっぱり青色になり、「青」→オンマウス→「設定した色」にしかなりません。 リンクを貼ったテキストは「灰色」でオンマウス時に「設定した色」にしたいんです。どのようにすればよいでしょうか？ 当方、初心者の為説明下手ですがよろしくお願いします。

  • ホームページビルダー７の蛍光ペンについて

    ホームページビルダー７の蛍光ペンについて 私は現在ホームページビルダー７でホームページを作成しています ホームページビルダー７では文字の後ろにワードのように蛍光ペンみたいな色はつけられませんか？ 文字に色をつけることはできますが、ワードの蛍光ペンみたいに文字の後ろに黄色をつけたいのですが・・

  • ホームページビルダーを使用してらっしゃる方、教えて下さい。

    ホームページビルダーを使ってホームページを製作しているのですが、リンクが挿入されている部分の文字がスタイルシート通りの文字になっている箇所もあれば、全然違う色や大きさになってるところもあり、大きさはともかくフォントの色に関してはタグを見てもどう修正していいのかがよく分かりません・・・・ 例えば以下のような箇所がそうです。 楽天アフェリエイトのタグです ↓ <TD align="center"><A href="http://***/0276c7e4.e0895a5d/?url=http%3a%2f%2ftravel.rakuten.co.jp%2findex_pet.html" target="_blank">★★★</A></TD> この中にフォントの色を指定するタグが入っているのでしょうか？ また、どのように修正すればよろしいのでしょうか・・ どうかよろしくお願いいたします。

  • ビルダーで不要なタグをでないようにできるのか？

    度々質問すみませんｍ(．．)ｍ 使ってるＯＳはWindowsXPです。 ビルダー７で標準モードで表を作成した場合 点線で囲ったりするとこういうタグが出来ますが <TD style="border-style : dashed dashed dashed dashed;border-color : fuchsia fuchsia fuchsia fuchsia;"></TD> この、dashed　と、fuchsia　ってひとつずつ入ってればいいのに、いつも何個もこうやって入ってしまいます；； この不要なタグをどうにかしたいのですが・・・ もしかしたらひとつの枠ずつに設定してるからそうなってしまうのですか？？ でも全体で指定すると、どの表にも適用されちゃうと都合が悪いので、ひとつひとつの枠にそれぞれ指定してるのですが・・・ あと、一ページの文章が増えてくると、リンクとか挿入するとき <●/TD><TD align="center"> ここの黒丸のところに入っちゃったりして崩れちゃうんですよ；； これもどうにかならないものかと・・・ いちいちタグをチェックしないと、壊れちゃうことが多いのでΣ(￣□￣；|||　 これはビルダー８では起きないんでしょうか？ バージョンアップ考えてますが、違いはどんなことができるようになったのか、それも知りたいです。 それから、ちょうど今この入力してるのと同じ表というか、右側にカーソルがついてて小さい枠でも情報量がいっぱい入るやつ(スミマセン、名前がわからない) これをビルダーで作りたいのですが、どうしてもどうやるのかわかりません(マニュアル紛失) そのやり方も教えて欲しいのです；； 質問項目が沢山あって申し訳ありませんが、ヨロシクお願いいたします。

  • ホームページビルダー2001　での訂正線

    ホームページビルダー2001　を使っています。 文字の上に横線を引く、訂正線を簡単に入力できる方法はありますか？ 毎回タグを挿入しているのですが面倒なので、もしアイコンがあったりやり方があったら教えて下さい。

  • ホームページビルダー　改行と改段落の使い分け

    ホームページビルダーの 標準モードでページを作成していてふと気がつきました。 文字入力をして、Enterを押した時の改行と Shift＋Enterの改段落の使い分けや違いがいまいちわかりません。 たとえば以下のような場合の違いはなんでしょう？ ******************************************** あああ←Enter ←Enter いいい ******************************************** 上は改行して、3行入力した状態です。 ******************************************** あああ←Shift＋Enter いいい ******************************************** 上は改段落して、見た目3行に入力したような状態です。 説明がへたくそですが、お分かりになった方、 ぜひ違いや、どういうときにどちらを使うなど 具体例を教えてください。 よろしくお願いします。

  • ビルダーの記号の意味？

    ホームページビルダーＶ9を使用しています。 今日気が付いたのですが、ページ編集のタグで左の一番上に黄色で（！）の記号が出ています。 これはどのような意味でしょうか？ ＜標準モード＞を使用しています。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する