タグ・デザイン掲示板

[

小説ページについて
by りお

2016-01-24 18:05
検索しましたが、同じ様な質問を見つけられなかった為質問させて頂きます。
見落としで、ありましたら申し訳ございません。

以下のHTMLで小説ページを作ったのですが、ガラケーだと表示されないようです。
何に問題があるかが分からなかった為、もし表記などに間違えがあれば教えて頂けると助かります。
宜しくお願い致します。

HEAD

<style type="text/css">
body{
text-align: left;
line-height:2;
font-family:Georgia,Verdana, Arial,"MS UI Gotic", Osaka, serif;
width: 100%;
margin: 0;
padding: 0;
font-size: 13px;}

a{text-decoration:none;
border-bottom: 1px dotted #999999;}

.title{
font: bold 36px/60% serif;
color: #ffffff;
text-align: right;}

<mobile>.deco{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
background-image: url(#tmpImg60386-29_url#);
background-repeat: repeat-y;
background-position: 90% 0;
background-color: #efefef;
color:#666666;
text-align: center;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;}</mobile>

<pc_only>.deco{
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
background-image: url(#tmpImg60386-29_url#);
background-repeat: repeat-y;
background-position: 90% 0;
background-color: #efefef;
color:#666666;
text-align: center;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;}</pc_only>

<mobile>.inner{
width: 95%;
margin: 0 auto;
padding: 0 0 5px;
text-align: left;
line-height: 1.9;}</mobile>

<pc_only>.inner{
width: 90%;
margin: 0 auto;
padding: 0 0 5px;
text-align: left;
line-height: 1.9;
font-family:Verdana,'メイリオ',Meiryo,sans-serif;}</pc_only>

</style>

レイアウト

<div class="deco">
<div class="title">タイトル</div>
<div class="inner">#novel#<center>

pc
[編集]

by 匿名

2016-01-24 18:49
提示されている情報だけでは分かりません。
ナノの仕様が分からないうちは公式テンプレートを使う方が無難です。
書き出されている部分だけでも疑問に思う部分がありますので、いくらデザインが良くてもこのテンプレは使わない方が良いと思います。
ユーザーテンプレはいい加減なものが多いので、HTMLやCSSが分からないと使いこなせません。

pc
[編集]

by 66

2016-01-25 13:15
</div>が足りてませんが、実際のレイアウトにはありますか？

<div class="deco">
<div class="title">タイトル</div>
<div class="inner">#novel#</div>
</div>

pc
[編集]

[