タグ・デザイン掲示板

[

枠と文字の空白について
by ら

2017-08-31 20:05

ブログのレイアウトについてです。
私のブログのレイアウトは、四角の枠の中に文字が入るレイアウトになっています。今回、その枠と文字の間に空白を入れて距離を空けるにはどんなタグなどが良いでしょうか？

一応、一覧画面レイアウトの一覧部分を載せます。

<mobile><table width="90%" bgcolor="#999999" cellspacing="1" align="center"><tr><td bgcolor="#ffffff" align="left"></mobile><pc_only><table width="550" bgcolor="#999999" cellspacing="1" align="center"><tr><td bgcolor="#ffffff" align="left"></pc_only><nopc><div style="font-size:x-small;"></nopc><nopc><blockquote style="margin:0px 10px 0px 10px;"></nopc>
<div style="border-bottom:dotted #999999 1px"><font color="#000033"><font size="2">　▼</font></font><font size=2> #title#<i>　#ext_返信#</i></div>
#text#</font><pc>
</pc><div style="text-align:right;" align="right">
</div>
<nopc></blockquote></nopc><nopc></div></nopc><pc_only></td></tr></table></pc_only><mobile></td></tr></table></mobile>

HEADのレイアウトです！

#stamp_検索避けタグ#

<pc><style type="text/css">
</style></pc>
<nopc>
<style type="text/css">
body{
text-align: left;
line-height: 110%;
letter-spacing: 0pt;
font-size: 80%;
font-family: メイリオ;}

td {
line-height: 110%;
letter-spacing: 0pt;
font-size:80%;
font-family: メイリオ;}

a{
text-decoration:none;}
a:link{
text-decoration: none;}
a:hover{
text-decoration: none;
color: #808080;
position:relative;top:1pt;left:1pt;}
</style>
</nopc>

宜しくお願い致します！

pc
[編集]

by と

2017-09-01 09:00
まずは検索しましょう
ここは調べもせずに他人に丸投げで質問するところではありません
http://nanos.jp/nanossupport/bbs/3/list?ThreadID=1947&viewType=thread
↑小説機能のご質問ですが他の機能にも流用できます
書き出されているHEAD内やレイアウトは記述ミスだらけですし、おそらく規約違反となりますから少なくとも公式テンプレや別のテンプレの利用をお勧めします
誘導先の内容で解決されましたらスレの削除をお願いします

pc
[編集]

by ら

2017-09-03 00:08

とさん

誘導ありがとうございます。
お借りしたテンプレートを色々探って見た結果、自分でレイアウトを編集した箇所もあるんですが、まずお借りしたテンプレート自体は何か規約違反になる箇所などありますか？

編集なしのテンプレートをコピペします。↓

一覧画面レイアウトの一覧部分

<mobile><table width="90%" bgcolor="#999999" cellspacing="1" align="center"><tr><td bgcolor="#ffffff" align="left"></mobile><pc_only><table width="550" bgcolor="#999999" cellspacing="1" align="center"><tr><td bgcolor="#ffffff" align="left"></pc_only><nopc><div style="font-size:x-small;"></nopc><nopc><blockquote style="margin:50px 50px 50px 50px;"></nopc>
<div style="border-bottom:dotted #999999 1px"><font color="#ffcccc">▼</font> #title#</div>
#text#
<pc>
</pc><div style="text-align:right;" align="right">#ext_...more#
#date# #time#</div>
<nopc></blockquote></nopc><nopc></div></nopc><pc_only></td></tr></table></pc_only><mobile></td></tr></table></mobile>

head内

<pc><style type="text/css">
</style></pc>
<nopc>
<style type="text/css">
body{
text-align: left;
line-height: 110%;
letter-spacing: 0pt;
font-size: 80%;
font-family: メイリオ;}

td {
line-height: 110%;
letter-spacing: 0pt;
font-size:80%;
font-family: メイリオ;}

a{
text-decoration:none;}
a:link{
text-decoration: none;}
a:hover{
text-decoration: none;
color: #808080;
position:relative;top:1pt;left:1pt;}
</style>
</nopc>

pc
[編集]

[