| 記事No | ： 13496 |
| 投稿日 | ： 2014/11/30(Sun) 12:49:11 |
| タイトル | ： Joyful Note のアップ画像の右にスペースを |
| ID情報 | ： yoko1945 |
| 投稿者 | ： yoko |
| URL | ： http://www7b.biglobe.ne.jp/~mryoko/BBS/joyful.cgi |
Joyful Noteのアップ画像表示を左にしました、画像とコメントテキストとの間にスペースが無くて見難いのです、スペースを設ける記述を教えて下さい。
| 記事No | ： 13497 |
| 投稿日 | ： 2014/11/30(Sun) 13:44:57 |
| タイトル | ： Re: Joyful Note のアップ画像 |
| ID情報 | ： hirayama |
| 投稿者 | ： hirayama |
| URL | ： http://shade-search.com/sts/fsw/wiki.cgi |
> Joyful Noteのアップ画像表示を左にしました、画像とコメントテキストとの間にスペースが無くて見難いのです、スペースを設ける記述を教えて下さい。
やり方は色いろあると思いますが、例えば
画像を表示するimgタグに style="margin-right:1em" とでも追加するとか。
| 記事No | ： 13498 |
| 投稿日 | ： 2014/11/30(Sun) 14:19:25 |
| タイトル | ： Re: Joyful Note のアップ画像 |
| ID情報 | ： hamel |
| 投稿者 | ： Hamel |
| URL | ： http://drc3.news-site.net/script1 |
> Joyful Noteのアップ画像表示を左にしました、画像とコメントテキストとの間にスペースが無くて見難いのです、スペースを設ける記述を教えて下さい。
joyful.cgi
1023行目あたり「sub att_file」内
1044行目
# 画像はコメントの左（廻り込み）
} else {
$com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" align="left"></a>$com<br clear="all">|;
↑の「$op border="0"」の横に「 hspace="12"」を追加して↓のようにしてみてはいかがでしょうか？
# 画像はコメントの左（廻り込み）
} else {
$com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" hspace="12" align="left"></a>$com<br clear="all">|;
| 記事No | ： 13509 |
| 投稿日 | ： 2014/12/01(Mon) 01:52:00 |
| タイトル | ： Re^2: Joyful Note のアップ画像 |
| ID情報 | ： yoko1945 |
| 投稿者 | ： yoko |
| URL | ： http://www7b.biglobe.ne.jp/~mryoko/BBS/joyful.cgi |
> joyful.cgi
> 1023行目あたり「sub att_file」内
>
> 1044行目
> # 画像はコメントの左（廻り込み）
> } else {
> $com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" align="left"></a>$com<br clear="all">|;
>
> ↑の「$op border="0"」の横に「 hspace="12"」を追加して↓のようにしてみてはいかがでしょうか？
>
>
> # 画像はコメントの左（廻り込み）
> } else {
> $com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" hspace="12" align="left"></a>$com<br clear="all">|;
Hamel様 ありがとうございました、解決いたしました
画像周りのスペース部分にリンク色が表示されるのはHTMLの属性で#ffffffにし マウスを乗せたときに変わるのはCSSの方で#ffffffにしました。
| 記事No | ： 13530 |
| 投稿日 | ： 2014/12/02(Tue) 01:14:36 |
| タイトル | ： Re^3: Joyful Note のアップ画像 |
| ID情報 | ： yoko1945 |
| 投稿者 | ： yoko |
| URL | ： http://www7b.biglobe.ne.jp/~mryoko/BBS/joyful.cgi |
> > joyful.cgi
> > 1023行目あたり「sub att_file」内
> >
> > 1044行目
> > # 画像はコメントの左（廻り込み）
> > } else {
> > $com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" align="left"></a>$com<br clear="all">|;
> >
> > ↑の「$op border="0"」の横に「 hspace="12"」を追加して↓のようにしてみてはいかがでしょうか？
> >
> >
> > # 画像はコメントの左（廻り込み）
> > } else {
> > $com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" hspace="12" align="left"></a>$com<br clear="all">|;
>
> Hamel様 ありがとうございました、解決いたしました
> 画像周りのスペース部分にリンク色が表示されるのはHTMLの属性で#ffffffにし マウスを乗せたときに変わるのはCSSの方で#ffffffにしました。
他のPCで見ると画像周りのスペース分が黒で塗りつぶされて駄目でした
画像の左だけにスペースを空ける方法は無いでしょうか。
>
| 記事No | ： 13534 |
| 投稿日 | ： 2014/12/02(Tue) 16:33:55 |
| タイトル | ： Re^4: Joyful Note のアップ画像 |
| ID情報 | ： hamel |
| 投稿者 | ： Hamel |
| URL | ： http://drc3.news-site.net/script1 |
> > > joyful.cgi
> > > 1023行目あたり「sub att_file」内
> > >
> > > 1044行目
> > > # 画像はコメントの左（廻り込み）
> > > } else {
> > > $com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" align="left"></a>$com<br clear="all">|;
> > >
> > > ↑の「$op border="0"」の横に「 hspace="12"」を追加して↓のようにしてみてはいかがでしょうか？
> > >
> > >
> > > # 画像はコメントの左（廻り込み）
> > > } else {
> > > $com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" hspace="12" align="left"></a>$com<br clear="all">|;
> >
> > Hamel様 ありがとうございました、解決いたしました
> > 画像周りのスペース部分にリンク色が表示されるのはHTMLの属性で#ffffffにし マウスを乗せたときに変わるのはCSSの方で#ffffffにしました。
>
> 他のPCで見ると画像周りのスペース分が黒で塗りつぶされて駄目でした
> 画像の左だけにスペースを空ける方法は無いでしょうか。
> >
$op border="0" ←の「"0"」の""がどちらか欠けてしまっても
リンク枠（スペース部分にリンク色が表示）されてしまいます
そのへんをもう一度ご確認ください
もしくは、下のようにしてみてください
$com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" align="left" style="margin-right:1em"></a>$com<br clear="all">|;
| 記事No | ： 13535 |
| 投稿日 | ： 2014/12/02(Tue) 18:18:22 |
| タイトル | ： Re^5: Joyful Note のアップ画像 |
| ID情報 | ： yoko1945 |
| 投稿者 | ： yoko |
| URL | ： http://www7b.biglobe.ne.jp/~mryoko/BBS/joyful.cgi |
> > > > joyful.cgi
> > > > 1023行目あたり「sub att_file」内
> > > >
> > > > 1044行目
> > > > # 画像はコメントの左（廻り込み）
> > > > } else {
> > > > $com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" align="left"></a>$com<br clear="all">|;
> > > >
> > > > ↑の「$op border="0"」の横に「 hspace="12"」を追加して↓のようにしてみてはいかがでしょうか？
> > > >
> > > >
> > > > # 画像はコメントの左（廻り込み）
> > > > } else {
> > > > $com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" hspace="12" align="left"></a>$com<br clear="all">|;
> > >
> > > Hamel様 ありがとうございました、解決いたしました
> > > 画像周りのスペース部分にリンク色が表示されるのはHTMLの属性で#ffffffにし マウスを乗せたときに変わるのはCSSの方で#ffffffにしました。
> >
> > 他のPCで見ると画像周りのスペース分が黒で塗りつぶされて駄目でした
> > 画像の左だけにスペースを空ける方法は無いでしょうか。
> > >
>
> $op border="0" ←の「"0"」の""がどちらか欠けてしまっても
> リンク枠（スペース部分にリンク色が表示）されてしまいます
> そのへんをもう一度ご確認ください
>
> もしくは、下のようにしてみてください
>
> $com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" align="left" style="margin-right:1em"></a>$com<br clear="all">|;
Hamelさま、出来ましたありがとうございます
$com = qq|<a href="$cf{imgurl}/$no$ex" target="_blank"><img $op border="0" align="left" style="margin-right:1em"></a>$com<br clear="all">|;
上記の記述で私の思惑通りのスペースが確保されて見やすい画像付き掲示板になりました。