| 記事No | ： 11356 |
| 投稿日 | ： 2013/02/03(Sun) 22:43:42 |
| タイトル | ： G-BOOKの幅の統一とセンタリングについてお伺いします |
| ID情報 | ： nehan |
| 投稿者 | ： ねはん |
| URL | ： http://akumagazine.or.tv/hokahokaosama/gbook.cgi |
初めまして。お世話になります。
この度、G-BOOK(アイコン式)Ver: 6.4をC-sidenetのサーバに設置しようと思っております。
過去Logを拝見しましたがG-BOOKに関する質問がないようなので、スレッドを立てさせていただきました。
さて、この掲示板の書き込みと返信の部分と上下のラインを「幅を統一(500程度)」にして、「センター」に配置したいのです。
そこでgbook.cgiに<table width=500><hr width=500></hr></table>の記述を加えてみたのですが、errerになります。
書き込み部分の幅と位置を調整するには、どこをどのように書き換えればいいのでしょうか？
管理人様、または御存知の方いらっしゃいましたら、御指導頂けると大変助かります。
宜しくお願いします。
| 記事No | ： 11357 |
| 投稿日 | ： 2013/02/04(Mon) 10:56:52 |
| タイトル | ： Re: G-BOOKの幅の統一とセンタリングについてお伺いします |
| ID情報 | ： hamel |
| 投稿者 | ： Hamel |
| URL | ： http://drc3.news-site.net/script1/product.html |
> 初めまして。お世話になります。
> この度、G-BOOK(アイコン式)Ver: 6.4をC-sidenetのサーバに設置しようと思っております。
> 過去Logを拝見しましたがG-BOOKに関する質問がないようなので、スレッドを立てさせていただきました。
>
> さて、この掲示板の書き込みと返信の部分と上下のラインを「幅を統一(500程度)」にして、「センター」に配置したいのです。
> そこでgbook.cgiに<table width=500><hr width=500></hr></table>の記述を加えてみたのですが、errerになります。
>
> 書き込み部分の幅と位置を調整するには、どこをどのように書き換えればいいのでしょうか？
> 管理人様、または御存知の方いらっしゃいましたら、御指導頂けると大変助かります。
> 宜しくお願いします。
とりあえず記事の部分の幅指定とセンタリングは
tmplフォルダ内bbs.html
<style type="text/css">
<!--
中略
div.art { width:500px; padding:0px; margin-left:auto; margin-right:auto; text-align:left;}*/←これを追加
div.art-ico { float:left; margin:0.7em 0.7em 0.5em 0.2em; } /* 記事アイコン */
hr.art-line { width:500px; clear:both; } /* 廻り込み解除 */
↑「width:500px;」を追加
後略
-->
</style>
<body>〜</body>内にある下記部分を下のように変更
<hr class="art-line">
<!-- loop_begin -->
<div align="center">
<div class="art"><tr><td>
[!num!] <!-- subject --> <b>!name!</b> <span class="ac-col">!area! !date!</span> !url!<br>
<div class="art-ico">!icon!</div>
<div class="art-com">!comment!<!-- res --></div></div></div>
<hr class="art-line">
<!-- loop_end -->
これでいかがでしょうか？
| 記事No | ： 11370 |
| 投稿日 | ： 2013/02/06(Wed) 21:54:43 |
| タイトル | ： Re^2: G-BOOKの幅の統一とセンタリングについてお伺いします |
| ID情報 | ： nehan |
| 投稿者 | ： ねはん |
| URL | ： http://akumagazine.or.tv/hokahokaosama/gbook.cgi |
> > 初めまして。お世話になります。
> > この度、G-BOOK(アイコン式)Ver: 6.4をC-sidenetのサーバに設置しようと思っております。
> > 過去Logを拝見しましたがG-BOOKに関する質問がないようなので、スレッドを立てさせていただきました。
> >
> > さて、この掲示板の書き込みと返信の部分と上下のラインを「幅を統一(500程度)」にして、「センター」に配置したいのです。
> > そこでgbook.cgiに<table width=500><hr width=500></hr></table>の記述を加えてみたのですが、errerになります。
> >
> > 書き込み部分の幅と位置を調整するには、どこをどのように書き換えればいいのでしょうか？
> > 管理人様、または御存知の方いらっしゃいましたら、御指導頂けると大変助かります。
> > 宜しくお願いします。
>
> とりあえず記事の部分の幅指定とセンタリングは
> tmplフォルダ内bbs.html
>
> <style type="text/css">
> <!--
> 中略
> div.art { width:500px; padding:0px; margin-left:auto; margin-right:auto; text-align:left;}*/←これを追加
> div.art-ico { float:left; margin:0.7em 0.7em 0.5em 0.2em; } /* 記事アイコン */
>
> hr.art-line { width:500px; clear:both; } /* 廻り込み解除 */
> ↑「width:500px;」を追加
>
> 後略
> -->
> </style>
>
> <body>〜</body>内にある下記部分を下のように変更
>
> <hr class="art-line">
> <!-- loop_begin -->
> <div align="center">
> <div class="art"><tr><td>
> [!num!] <!-- subject --> <b>!name!</b> <span class="ac-col">!area! !date!</span> !url!<br>
> <div class="art-ico">!icon!</div>
> <div class="art-com">!comment!<!-- res --></div></div></div>
> <hr class="art-line">
> <!-- loop_end -->
>
> これでいかがでしょうか？
Hamel様、掲示板へのアドバイスと御訪問、まことにありがとうございます。御礼が遅くなり申し訳ございません。
お蔭様で記事と返信部分、ならびに上下の仕切り線は幅を統一し、センターにすることができました。
ところが書き込み記事がアイコンの下になってしまいます。アイコンの右横に表示することはできますか？
それと、記事が500幅まで行ってから自動改行されたり、改行すると、2行目以降がアイコンの下になってしまうのですが、記事をまとめてアイコンの右横に表示するようにすることはできますか。
Hamel様の記述を<body>〜</body>内の以下の部分に貼ってみましたが、アイコンと記事のずれにつきまして<table>の始まり部分がわからなかったため、タグを削除できずにおります。
<略>
4.タグの使用は出来ません。</font></th>
</tr>
</table>
</div>
</form>
</blockquote>
<p>!page_btn!</p>
<hr class="art-line">
<!-- loop_begin -->
<div align="center">
<div class="art"><tr><td>
[!num!] <!-- subject --> <b>!name!</b> <span class="ac-col">!area! !date!</span> !url!<br>
<div class="art-ico">!icon!</div>
<div class="art-com">!comment!<!-- res --></div></div></div>
<hr class="art-line">
<!-- loop_end -->
<p style="background-color : rgb(0, 204, 204);">!page_btn!</p>
<div align="right">
<form action="!bbs_cgi!" method="post"><input type="hidden" name="mode" value="del_log">記事No<input type="text" name="num" size="3">
削除キー<input type="password" name="pwd" size="6" maxlength="8">
<input type="submit" value="削除">
</form>
</div>
<hr class="art-line">
<p align="center"><img src="../icon/ai_t.gif" border="0" width="167" height="25"></p>
<p align="center"><img src="../icon/ese_t.gif" border="0" width="183" height="25"></p>
<p align="center"><br>
<img src="../img/front_b.gif" border="0" width="92" height="65"></p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
大変お手数ではございますが、ご教授賜りたく、お願い申し上げます。
| 記事No | ： 11371 |
| 投稿日 | ： 2013/02/07(Thu) 10:04:52 |
| タイトル | ： Re^3: G-BOOKの幅の統一とセンタリングについてお伺いします |
| ID情報 | ： hamel |
| 投稿者 | ： Hamel |
| URL | ： http://drc3.news-site.net/script1/product.html |
><hr class="art-line">
><!-- loop_begin -->
><div align="center">
><div class="art"><tr><td>
↑の<tr><td>は私のミスですのでこれは削除していただくとして、、、
あとは、スタイルシート内の記述に問題があるのかも知れません
現時点では「ねはん」様のスタイルシート内には
div.art { width:500px; padding:0px; margin-left:auto; margin-right:auto; text-align:left;}*/
div.art-ico { float:left; margin:0.7em 0.7em 0.5em 0.2em; } /* 記事アイコン */
div.art-com{
float:left; margin:0.7em 0 0.5em 0;
} /* 記事 */
上記のように記述されています
これを下のようにして見てください（コピペ）
div.art { width:500px; padding:0px; margin-left:auto; margin-right:auto; text-align:left;}
div.art-ico { float:left; margin:0.7em 0.7em 0.5em 0.2em; } /* 記事アイコン */
div.art-com{ float:left; margin:0.7em 0 0.5em 0; } /* 記事 */
管理人返信も同様にスタイルシートの変更をしてください
現時点で
div.res img{
vertical-align:top; border:none; margin:0.5em;
} /* 管理者アイコン */
↑のようになっている所を
下のようにして見てください（コピペ）
div.res img { float:left; vertical-align:top; border:none; margin:0.5em; } /* 管理者アイコン */
| 記事No | ： 11374 |
| 投稿日 | ： 2013/02/07(Thu) 23:37:41 |
| タイトル | ： Re^4: G-BOOKの幅の統一とセンタリングについてお伺いします |
| ID情報 | ： nehan |
| 投稿者 | ： ねはん |
| URL | ： http://akumagazine.or.tv/hokahokaosama/gbook.cgi |
> ><hr class="art-line">
> ><!-- loop_begin -->
> ><div align="center">
> ><div class="art"><tr><td>
> ↑の<tr><td>は私のミスですのでこれは削除していただくとして、、、
> あとは、スタイルシート内の記述に問題があるのかも知れません
>
> 現時点では「ねはん」様のスタイルシート内には
> div.art { width:500px; padding:0px; margin-left:auto; margin-right:auto; text-align:left;}*/
> div.art-ico { float:left; margin:0.7em 0.7em 0.5em 0.2em; } /* 記事アイコン */
>
> div.art-com{
> float:left; margin:0.7em 0 0.5em 0;
> } /* 記事 */
>
> 上記のように記述されています
> これを下のようにして見てください（コピペ）
>
> div.art { width:500px; padding:0px; margin-left:auto; margin-right:auto; text-align:left;}
> div.art-ico { float:left; margin:0.7em 0.7em 0.5em 0.2em; } /* 記事アイコン */
> div.art-com{ float:left; margin:0.7em 0 0.5em 0; } /* 記事 */
>
> 管理人返信も同様にスタイルシートの変更をしてください
>
> 現時点で
> div.res img{
> vertical-align:top; border:none; margin:0.5em;
> } /* 管理者アイコン */
> ↑のようになっている所を
>
> 下のようにして見てください（コピペ）
>
> div.res img { float:left; vertical-align:top; border:none; margin:0.5em; } /* 管理者アイコン */
Hamel様。迅速で丁寧なアドバイスをありがとうございます｡
お蔭様で何とか形になりました。
記事アイコンと記事が両方とも左寄せになって縦に並んでいたので、
div.art-com{ float:left; margin:0.7em 0 0.5em 0; } /* 記事 */
↓
div.art-com{ margin:0.7em 0 0.5em 0; } /* 記事 */
にしてみたところ、記事アイコンの右側を回り込むようになりました。
ただ、管理者アイコンと記事が、投稿記事への回り込みになっているようで、投稿記事の長さによって位置が左右し、安定しません。
テーブルで配置できるかどうか、検討してみます。
取り急ぎ、御礼申し上げます。