[
[返信する]]
【解決済み】真ん中に集まってしまう
by 名無し
2015-11-07 00:02
トップページ・小説など問わず公式テンプレートを設定した状態で、
HEAD内を真っ白に消すと、全ての文章が真ん中に集まってしまいます。
それを満遍なくというよりは、少し隙間を開けたぐらいで両端に文章を表示するにはどうすれば良いんでしょうか？
pc
[編集]
by と
2015-11-07 07:21
テンプレなのにHEAD内を消す意味がよく分かりません。公式テンプレもそうですがHEAD内のCSSとレイアウト部分のHTMLタグは関連がある場合が多いのでむやみにいじらない方が良いですよ。
両端に文章を置きたいというのは真ん中に余白を作りたいということでしょうか？やりたいこととやってみたことの説明をもう少し詳しくお願いします。
真ん中に寄ってしまうというのがどういう状態なのかよく分かりませんがページや機能のHEAD内が空欄なら共通HEADや共通上下テキストでそういう指定があるのでは？
pc
[編集]
by 名無し
2015-11-07 10:11
回答ありがとう御座います、そして説明不足ですみません。
説明が下手なので画像で説明すると、
個人的にはこうしたいのに
ttp://i.imgur.com/VufHvfu.png
こうなってしまうんです
ttp://i.imgur.com/ShSqePm.png
真ん中に文章枠？があるけど、文章自体は左寄せにしたいんです。
ですが、どうすればそうなるか全然分からなくて…。
pc
[編集]
by と
2015-11-07 14:06
公式テンプレのままでHEAD内だけ少し改変すればできますよ。
div#layoutに
画面端からボックスまでの余白margin:0 auto;を残す
ボックス内文章の左端始まり指定text-align:leftも残す
背景色background-colorを指定＋ボックス内の文字色を指定
枠線borderが不要ならその行を削除
横幅widthをパソコンのみに指定
<style type="text/css"><!--
body {
text-align: center;
padding: 5px;
}
div#layout{
margin: 0 auto;
padding: 10px;
text-align: left;
background-color: #000000;
color:#ffffff;
}
<pc_only>
div#layout{
width:50%;
}
</pc_only>
a:link,a:visited,a:active {
text-decoration:none;}
a:hover {
color:#666;
position:relative;
top:1px;
left:1px;}
--></style>
思っておられるのと違いましたらすみません
pc
[編集]
by 名無し
2015-11-07 16:56
再び回答ありがとう御座います
頂いたHEADと一緒に色々弄ってみたところ、
まさに自分が思い描いていたページが出来ました!
本当に、本当にありがとう御座いました…!!
pc
[編集]
[返信する]
[
戻る
]
[返信する]]
2015-11-07 00:02
pc
戻る
]