• 締切済み

スタイルシートの行間設定＋画像

スタイルシートを使って 行間を空けているのですが、 あいうえお かきくけこ さしすせそ このような文章に あいうえお(画像) かきくけこ さしすせそ としたら「あいうえお」と「かきくけこ」の幅と 「かきくけこ」と「さしすせそ」の幅が違いました。 行は全てDIVで囲ってあります。 これを直すにはどのようにすればよいのでしょうか。 なお画像の大きさ(縦)は文字と同じぐらいなのですが・・・

みんなの回答

noname#39145
noname#39145
回答No.1

＞スタイルシートを使って行間を空けているのですが、 最低限のソースなどは書きましょう。 ＞なお画像の大きさ(縦)は文字と同じぐらいなのですが・・・ そこが問題ですね。 "同じぐらい"であって、同じになってないんですよ。 文字の正確な上下の高さって正確にはわからないですよね？ まぁ、単純に画像が少し大きくて、divのボックスが大きくなっているんじゃないかと。 文字をpxで指定して、画像と合わせれば平気かな？ 画像を小さめにしてもいけるかも。 文字と画像にborderをつけてみると、それぞれのボックスの大きさを比べられます。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. Windows
  4. Windows XP

関連するQ&A

  • 行間幅、文字幅を設定するスタイルシートについて

    行間幅、文字幅を設定するスタイルシートは <STYLE type="text/css"> <!-- body,tr,td { line-height : 12pt; letter-spacing : 1px;} --> </STYLE> こんな風にするのは、わかるのですが、 ＢＢＳのスキンや日記スキンのbody,tr,td部分で使う時、 ＢＢＳの書きこみフォームで一行行間を空けて 書きこむと、投稿部分(上のスタイルシートが設定されている) に反映された時に、行間があいてないようになってしまいます。 ２行空けで書きこむと、１行空けで投稿部分に反映されます。 日記スキンでも同様です。 行間幅、文字幅を設定するスタイルシートを設定してる場合、 １行空けで記入して、ちゃんと１行空けで反映させるように するにはどうしたらいいのですか？

    • ベストアンサー
    • HTML
  • スタイルシートの使い方について

    スタイルシートを用いてホームページを作成中なのですが、文章を読みやすくするために、文字と文字の行間を広くとるために下記のタグを挿入したのですが、テーブルの外に書いた文字（文章）の行間だけが変化して、テーブルの中に書いた文字の行間は変化しませんでした。 どのようにすればテーブルの中に書いた文字の行間を広くすることができるでしょうか？ご教授いただけましたら幸いです。宜しくお願いいたします。 <STYLE TYPE="text/css"> <!-- BODY { line-height: 150% } --> </STYLE>

    • ベストアンサー
    • HTML
  • word2003のスタイル設定について

    初めまして。wordのスタイルの設定について困っています。 wordドキュメントを作成中です。 例えば 「(1) あいうえお・・・・ 　 かきくけこ・・・・ さしすせそ・・。」というような３行以上の文章があるとします。 2行目の「き」は1行目の「あ」の真下 3行目の「し」は2行目の「か」真下 このあと(2)(3)・・・と続くためスタイルで設定したいのですが、 1行目から3行目まで文章が続いて途中で改行はしていません。 1行目の最後の文字で改行して、2行目以降を別のスタイルで設定すると このような見栄えになるのですが、できれば改行しないでできる方法はありませんか？ 説明が下手で申し訳ありませんが、ご回答よろしくお願いします。

  • スタイルシートのwidthについて

    <style type="text/css"> #hoge{border:solid 1px black;width:100px;margin:0;} </style> <div id="hoge> </div> このようにdivタグにスタイルシートをつけるとなぜか縦の幅ができてしまいます。 width:100をなくせばただの線になるのですがwidthをつけるとどうして 縦幅ができてしまうのでしょうか？ hightをつけてるのはまだしもwidthをつけただけじゃ横の長さが決まるだけで縦は0だと思ったのですが違うのでしょうか？ ブラウザはIE6で見ました。

    • ベストアンサー
    • HTML
  • これもスタイルシートっていいますか？

    <div style="text-align:left;"> 文字を 左に寄せる </div> このようなタグはスタイルシートというのでしょうか？ style= を使ってるからスタイルシートですか？

    • ベストアンサー
    • HTML
  • WORDの行間の設定について教えてください。

    WORDの行間の設定について教えてください。 10.5ポイントの文字で行間を1.5、2.5にすると広がるのがよくわかります。 でも文字のサイズが大きくなると、1.5や2にしてもかわりません。 この行間は文字のサイズの1.5倍、2.5倍と解釈していましたが、そうではないということでしょうか？ どういうことなのでしょうか？ それから段落前、段落後の行間を0.5行にすると広がります。 上記の行間の感覚で考えると狭くなるのかと思いますが、広がります。 これは0.5行分広がるという考え方になるのですね？ 試すと、この場合は文字のサイズに応じて0.5行分幅間隔が広がっているようです。 よろしくお願いします。

  • スタイルシートでh1の属性行間のを高さを17ピクセルにしたい場合

    スタイルシートでh1の文字の大きさを変えていますが、表示すると本来の行送りと同じ分の高さが出て、デザイン的に高さがありすぎる行間になっています。 この場合、行高さの設定をするのですか。line-height:17px;で指定しても直らないようなんですが。 この指定で合ってますか。

    • ベストアンサー
    • HTML
  • 行間の揃え方

    Ｗｏｒｄで テキストボックス内に文章を入力しています。 文章の１行目はテキストボックスに対してぴったりの位置（テキストボックと文字列の間隔は0mm、文字の大きさは10ptで行間も10pt）です。 ２行目以降の行間は固定値で20ptにしてあるのですが、 ２行目以降の行間は当然すべて固定値20ptの間隔でいいのですが、 １行目と２行目の間隔は20ptの間隔よりも狭くなってしまいます。 １行目の行間を10ptにしてあるから、１行目と２行目の行間が狭くなるのだと思うのですが、 １行目はテキストボックスにピッタリで、２行目以降は全て同じ間隔にするにはどうすれば良いのでしょうか？

  • ワードアートで行間を詰めたい。やり方教えてください

    ｗｏｒｄを使って、http://p2.ms/1w6r5の画像のような『の』の上に、緑のアーチ状の文字があるものを作りたいです。 パソコンはvistaで、一度、緑の部分はワードアートのアーチ状のやつを使って作ってはみたんですが、、画像のようになりませんでした。 ワードアートの幅などを調節すると、余計一行目と二行目の行間が広がってしまい、どうしても、一行目に入力したワードアートと、二行目に入力した文章の行間がhttp://p2.ms/i451rのようにしかならず詰められません。 もう少し画像くら詰めたいですけど、どうしたらいいんでしょうか。何かやり方はありますか？

  • CSS(スタイルシート)で画像の縦サイズに合わせて、中央揃えで文字を表示したい。

    CSS(スタイルシート)で画像の縦サイズに合わせて、中央揃えで文字を表示したい。 スタイルシートで、画像の縦サイズに合わせて中央揃えで文字を表示したいのですが、 どのように記述したら良いのかわかりません。 下記のようにテーブルを使えば簡単に出来るのですが、 これをスタイルシートのみで表現するにはどのように記述すればいいのでしょうか？ ちなみに左側画像の縦サイズは変わります。 よろしくお願いします。 ------------------------------------------------------------------- <html> <head> <title>CSS</title> <style type="text/css"> <!-- #waku { width: 451px; margin: 0; padding: 6px 8px 6px 8px; background-color: #008837; } --> </style> </head> <body> <div id="waku"> <table width="435" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="80"><img src="hoge.gif" width="80" height="変わります"></td> <td width="355" valign="middle">あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</td> </tr> </table> </div> </body> </html> -------------------------------------------------------------------

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する