| 記事No | ： 14915 |
| 投稿日 | ： 2016/06/17(Fri) 22:39:50 |
| タイトル | ： Topics Boardの画像間に空白を |
| ID情報 | ： mt194699 |
| 投稿者 | ： mana |
| URL | ： http://mana3.s601.xrea.com/topics/topics.cgi |
topics boardでホームページのiframeの中で掲示板を見る様にしたいと思ってます。
複数の画像をアップし、横長に並べた時は画像間に半角の空白が入ってますが縦長に画像を並べた場合、画像はくっ付いた状態です。
そこで各画像間に半角か全角の空白を入れたいのですが、どこをどの様に編集したらよろしいのでしょうか？
よろしくお願いします。
| 記事No | ： 14916 |
| 投稿日 | ： 2016/06/17(Fri) 23:38:40 |
| タイトル | ： Re: Topics Boardの画像間に空白を |
| ID情報 | ： hamel |
| 投稿者 | ： HUMMEL |
| URL | ： http://drc3.news-site.net/script1/ |
> topics boardでホームページのiframeの中で掲示板を見る様にしたいと思ってます。
> 複数の画像をアップし、横長に並べた時は画像間に半角の空白が入ってますが縦長に画像を並べた場合、画像はくっ付いた状態です。
> そこで各画像間に半角か全角の空白を入れたいのですが、どこをどの様に編集したらよろしいのでしょうか？
> よろしくお願いします。
縦に画像を並べる方法によってそれぞれ違ってくると思います。
サブルーチン「sub attach」内にある画像の場合の部分をいじって
画像を縦に並べたのでしたら
$ret .= qq|<a href="$cf{imgurl}/$no-$i$e{$i}" target="_blank"><img src="$cf{imgurl}/$no-$i$e{$i}" width="$w" height="$h" class="img" alt="$no-$i$e{$i}" /></a><br />|;
↑のように最後の所に「<br />」と改行を入れていると思いますが
それをもうひとつ改行を追加することで画像と画像の間に空白が出来ると思います。
$ret .= qq|<a href="$cf{imgurl}/$no-$i$e{$i}" target="_blank"><img src="$cf{imgurl}/$no-$i$e{$i}" width="$w" height="$h" class="img" alt="$no-$i$e{$i}" /></a><br /><br />|;
↑の方法では空白が空きすぎるというのでしたら
「<br />」は一つのままで
あとはstyle.css内の
/* 記事中の画像 */
img.img {
border: none;
vertical-align: top;
margin-right: 0.5em;
}
上記部分を下記のように修正します
/* 記事中の画像 */
img.img {
border: none;
vertical-align: top;
margin-right: 0.5em;
margin-top: 0.5em;
}
| 記事No | ： 14920 |
| 投稿日 | ： 2016/06/18(Sat) 15:47:38 |
| タイトル | ： Re^2: Topics Boardの画像間に空白を |
| ID情報 | ： mt194699 |
| 投稿者 | ： mana |
| URL | ： http://mana3.s601.xrea.com/topics/topics.cgi |
早速回答大変ありがとうございました。
改行を２つ入れる方法とｃｓｓを修正する方法とが共に満足する状態になりました。
これから本番に使いたいと思っています。
HUMMEL様感謝です。