WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:CSSで空白を作る方法

0:[投稿] ファザー [MAIL] [2003/05/11 22:04 ][環境:IE6 win98 分からない]

これまで自分は、空白を作る時には<BR><TABLE>タグを使っ
ていました。
ですが、<BR>タグを使うとドラッグした時に点々と跡が引き
ずってしまって見た目も良くないですよね。
そこで自分は<TABLE>タグを使って空白調整をしていたので
すが、ソースが多くなってしまって決して見た目もスマート
になりません。

CSSで代用出来ると聞いたのですが、色々と調べても分かり
ませんでした。
どなたかご存知の方ご教授お願いします。


1:[回答] きあらうむ [URL] [2003/05/12 03:01 ]

CSSで余白というと次のようなものがあります。
詳しくはこちらで確認してください。
http://tohoho.wakusei.ne.jp/css/index.htm

■行間隔 line-height:

■文字間隔 letter-spacing:

■タグ領域内の余白 テーブルのcellpaddingと同じような感じ
・全体
padding:上 右 下 左

・部分
padding-top: padding-right: padding-bottom: padding-left:

■タグの外側の余白
・全体
margin:上 右 下 左

・部分
margin-top: margin-right: margin-botton: margin-left:

ただし、CSSは全てタグに対しての修飾なので、タグが何も無いところに
いきなり余白を作ったりはできません。

HTMLでできる裏技もあります。透明なGIFを用意して
<img src="spacer.gif" height="4" width="1"><br>
こうすると、好きな分だけ空白を作れます。
height="10"にすれば10ピクセルの空白。

あとは、文章の部分をすべて<PRE>タグで囲むとか。
<PRE>タグを使うとソース上での改行部分が、<BR>タグなしで
自動的に改行してくれます。連続改行で行を開けても、<BR>タグ
のように「跡」が出ません。


2:[回答] きあらうむ [URL] [2003/05/12 03:07 ]

まだ方法ありました。(汗

今表示されている掲示板のソースを見ればわかりますが、

回答の入力中に2連続で

改行した

部分

が<p> </p>タグで囲まれていて、間に「跡」の無い適度な
空白ができています。CSSとあわせて使えばかなり効果が
ありそうです。


3:[完了] ファザー [2003/05/12 12:59 ]

お陰さまで無事スマートなスペースを作ることができました。
きあらうむさん色々な方法を教えてくださって有難うございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World