~戻る

ホームページデザイン/レイアウト画像の横に空白
【画像の横に空白】
[レスをする]
[最新順][古い順]
[36]ちぃ
583ffoM8Fbw

あらら(¨;)??
サブメニュー→詳細情報ですよ?
見れない?

じゃあおおざっぱに縦と横幅は%でも指定できるので
90% とか95%
って記入してみてください♪


7/23^21:59[削除][コピー]
EZ W53CA
[35]メイ
0Ew7IaX2G5c

ちぃ様☆やり方を教えて頂いてありがとうございますm(._.)m


あの・・ちぃ様の言う通り画像の縦×横の幅を調べようとして携帯・(データフォルダ)に保存して詳細情報を見てみたのですがそういうのがどこにも載ってないんです(ノД`)画像の大きさ:7KBとかは書いてあるのですが・・


7/23^19:09[削除][コピー]
EZ W52SH
[34]ちぃ
583ffoM8Fbw

メイサマが間違えてるんじゃないないです。直すとゆうか、

画像文字リンク
← この幅 →

が広くて携帯の表示のほうで勝手に改行が入ってるんですね。画像を少し小さくしましょう☆

画像の縦x横の幅は、もしわからなかったら一度携帯に保存すると詳細で確認できます。

##FILE18##を小さくするなら
<img src="画像URL" align="left(右に画像ならright)" width="横幅" height="縦幅" alt="代替えテキスト">

縦、横の幅
今表示してるpxから5〜10px小さく指定してみてください。
例えば縦60pxx横50pxの画像なら縦を55、横幅を45 で指定にして##FILEL18##(は消して)と書きかえてください。

##FILE15##のほうを小さくするなら
<img src="画像URL" width="横幅" height="縦幅" alt="代替えテキスト">
で今より少しちいさめに表示できるように書きかえる。

代替えテキストは画像が表示されなかった時に画像のかわりにテキストが表示されます。「メイン画像」とか、「BBSへのリンク」とか記入すると画像が表示されなくてもそれがなんなのかがわかってちょっと親切です。

@peps!の素材庫の画像URLについては「画像URL」で検索してください。


7/23^14:04[削除][コピー]
EZ W53CA
[33]メイ
0Ew7IaX2G5c

ちぃ様☆報告&お礼が遅くなってしまって申し訳ありませんュ本当にご丁寧な説明ありがとうございました


昨日ちぃ様がおっしゃってた通りやってみました。そしたらこういう感じになりました↓
空□□□□RULE(
■□ 画 □
■□ 像 □PROF(
白□□□□
左側の空白はきちんと出来たのですが、メニューが改行されてしまうんですホ
RULE(
←リンク
これをRULE(に治す方法はあるんでしょうか?


現在メニュータグはこういう風になってます<div align="center"><table width="240"><tr><td width="10"></td><td>##FILEL18##RULE(<a href="">##FILE15##</a>PROF(<a href="">##FILE15##</a>PICT(<a href="">##FILE15##</a>##CLEAR##</td></tr></table></div>

何か間違いがありましたらご指摘お願い致しますm(._.)m


7/23^09:22[削除][コピー]
EZ W52SH
[31]ちぃ
583ffoM8Fbw

うふo(^-^)o?!

うんうん、そうです。
タグ工房で画像の横に文字(リンクのない状態で)をつくってください。

そしたら
##FILE LかR ○##
RULE(
PROF(
PICT(
##CLEAR##

ってできますよね。
それを、えー…、コーナー間コメントやめてメニュータグってコーナーに記入するといいですよ。

そのときにtableタグの中に記入する画像の横に文字に<a href="">##FILE○##</a>
を足してってください。
↓こうね。
(画像が左の場合)
<div align="center"><table width="240"><tr><td width="10"> </td><td>##FILEL○##RULE(<a href="">##FILE○##</a>
PROF(<a href="">##FILE○##</a>
PICT(<a href="">##FILE○##</a>
##CLEAR##</td></tr></table></div>

メニュータグならこのあと簡単に独自URLでのリンク指定ができますからやってみて〜(*^-^)b


7/22^20:24[削除][コピー]
EZ W53CA
[30]メイ
0Ew7IaX2G5c

ちぃ様☆やり方を教えて下さりありがとうございますュ


あの・・すっごい初歩的な事聞いても大丈夫ですか?
"画像の横に文字とリンクのタグ"ってありますよね?

リンクのタグっていうのはタグ/HP作成で作るんですか?
私の場合
RULE(←は素材登録したものを使うんですが・・。


本当に今頃こんな質問ゴメンなさいホ


7/22^11:40[削除][コピー]
EZ W52SH
[29]ちぃ
583ffoM8Fbw

あ、つけたします。

<table><tr><td>
画像の横に文字とリンクのタグ
ここに<blockquote>は必要ないです。
</td></tr></table>


7/22^02:31[削除][コピー]
EZ W53CA
[28]ちぃ
583ffoM8Fbw

できますよ〜。
でも改行されちゃうのはもしかしたら表示する幅が携帯で表示できる幅を超えてるのかもしれないですね。
[24]のレスは画像が左でも右でも空白ができるようにしてありますが、幅が微妙そうなので少し変えます。

左に画像
<div align="center"><table width="240"><tr><td width="10"> </td><td>画像の横に文字とリンクのタグ記入</td></tr></table></div>

右に画像
<div align="center"><table width="240"><tr><td>画像の横に文字とリンクのタグ記入</td><td width="10"> </td></tr></table></div>


<div align="center">〜</div>
これはPCで見た時に真ん中に携帯と同じような表示をするためにつけてあります。PCでの表示を気にしないなら必要ないです。

<table width="240">
240はあたしの携帯で表示できる幅です。
たぶんほとんどの携帯で表示できる幅だと思います。

<td width="10">
auだと width="1" でも同じ表示ですが、やっぱりPCで見た時ように10pxの指定にしてあります。

やってみてください。もし改行されるようだったら教えてください。


7/22^02:24[削除][コピー]
EZ W53CA
[27]メイ
0Ew7IaX2G5c

ちぃ様すいませんュ>>23じゃなくて>>24でした(^^;


私話が下手なんで分かりにくいかもしれませんが早い話、メニューはそのままにして画像だけを右側に寄せたいです。


7/21^23:38[削除][コピー]
EZ W52SH
[26]メイ
0Ew7IaX2G5c

ちぃ様★初めまして。トピ主のメイです

私がまりす様に相談していたのはこういう事なんです↓
□□□□RULE(
□ 画 □PROF(
□ 像 □PICT(
□□□□
みたいにやってたんですが画像が左端にピッタリくっついてたんです。それで左端に少し空間を空けて画像をちょっと右に寄せれないか相談してたんです。でも画像が思い通りに寄ったと思ったらメニューが画像の右下ら辺にズレたりしたり、
RULE(

みたいに改行されたりしてたんです。ちぃ様が>>23で書いた通りにやれば私が考えてるデザインみたいに出来ますでしょうか?


7/21^23:33[削除][コピー]
EZ W52SH
[25]メイ
0Ew7IaX2G5c

まりす様☆自分のHPなどでもいろいろ試して頂きありがとうございます

そうですか・・(^^;無理っぽいですか。残念ですがpepsでは出来ないんですかね
でもまりす様には本当に本当にお世話になりましたm(_ _)m
出来なくても凄い嬉しかったし、まりす様みたいな親切な方に会えて本当に嬉しかったです。ド素人の私にここまで付き合って下さり本当に本当にありがとうございました。


7/21^23:18[削除][コピー]
EZ W52SH
[24]ちぃ
583ffoM8Fbw

まりすサマ
すいません、おじゃまします。
あたしにはトピ主サマのやりたい表示がよくわからないので違ってたらそう言ってください…。

画像のよこにリンク(画像)をやりたいけど、画像の横に文字タグをすると左右にスペースがなくて、トピ主サマは左右のスペースがほしいってことですか?

そしたら
コーナー間コメントに
<div align="center"><table width="240"><tr><td width="10"> </td>画像の横に文字やリンクのタグ(##FILELかR○##RULE(<a href="##url:subtop##">##FILE○##</a>
PROF(<a href="###url:nbbs##">##FILE○##</a>
…省略…##CLEAR##)</td><td width="10" </td></tr></table></div>

でどうですかね?


7/21^22:12[削除][コピー]
EZ W53CA
[23]まりす
tqW1Y5Sh3x6


<blockquote 1em;">##FILE13##RULE(<a href="##url:subtop5##">##FILE15##</a>PROF(<a href="###url:nbbs4##">##FILE15##</a>

を自分のページで試してみました。自分のサイトで弄る際にファイルNo.等は変えましたが

<blockquote 1em;">##FILEL96##
RULE(<a href="##url:subtop4##">##FILE93##</a>
PROF(<a href="###url:nbbs4##">##FILE93##</a>##CLEAR##

にしてやったところ、画像横に文字を表示出来ましたが、画像リンクがずれてしまいました。

試しに
<blockquote 1em;">
RULE(<a href="##url:subtop4##">##FILE93##</a>
PROF(<a href="###url:nbbs4##">##FILE93##</a>##CLEAR##

にしたところ、文字の隣に画像リンクが正常に表示されました。

結論としては…
画像横に文字、隣に画像リンクは無理がある様です…。

文字は無しで良いなら大丈夫な様ですが、タグの関係でずれてしまう様でして…。

多分ですが、仕様の問題ですね…。

ご希望通りの表示方法がサポート出来ず申し訳ないです…。


7/21^20:27[削除][コピー]
EZ W44K
[22]メイ
0Ew7IaX2G5c

まりす様☆ありがとうございますュよろしくお願いいたします。

現在HPはこんな風にしてます↓


コーナー間コメント1
RULE
PROF
PICT
BBS
コーナー間コメント2

>>コーナー間コメント1<<
☆コメント
<blockquote 1em;">##FILE13##RULE(<a href="##url:subtop5##">##FILE15##</a>PROF(<a href="###url:nbbs4##">##FILE15##</a>・・・(←あとはPICT、BBSのが同じように続いています。)


>>RULEのトップページでの表示<<
☆タイトル前の文字
空白(何も書いてません)
表示:指定なし
改行:しない

☆タイトル
空白
表示:指定なし
改行:しない

☆タイトル後の文字
空白
表示:指定なし
改行:しない
(PROF、PICT、BBSのトップページでの表示も全く同じです)


>>コーナー間コメント2<<
☆コメント
##CLEAR##
表示:指定なし
改行:しない

です。何か間違ってましたらご指摘頂けると嬉しいです。


7/21^19:14[削除][コピー]
EZ W52SH
[21]まりす
tqW1Y5Sh3x6

戻ってしまいましたか…

お手数ですがもう一度今はっているタグを全て載せて頂けますか?私の方でも一度調節してみますので…。


7/21^15:19[削除][コピー]
EZ W44K
[20]メイ
0Ew7IaX2G5c

まりす様!!ありがとうございます☆まりす様のおっしゃってた通り##FILE○##が##FILEL○##になってまして、直したら無事RULE(←リンクのようにする事が出来ました。


でもすいませんホ何故だか知らないけど□□□□□
□ 画 □
□ 像 □
□□□□□RULE(PROF(BBS(

みたいに画像の下側にまたメニューが並んでしまいましたソどうすれば上の方に持っていけるでしょうか。何から何まで本当にすいませんm(_ _)m


7/21^15:09[削除][コピー]
EZ W52SH
[19]まりす
tqW1Y5Sh3x6

無理でしたか…。

私のHPで試しにやってみたのですが、

ページ<a href="##url:diary2##">##FILE94##</a>

で横に画像リンクの

ページ←画像リンク

の様に出来ました。

##FILE○##が##FILEL○##になってたりはしませんか?


7/21^14:17[削除][コピー]
EZ W44K
[18]メイ
0Ew7IaX2G5c

まりす様☆いつもご指導ありがとうございますュ


先程まりす様がおっしゃっていた様にタイトル後の文字の改行の部分を"しない"にしてみました。でも何故か変わりませんでした(ノД`)他に原因があるのでしょうか・・。


7/21^13:43[削除][コピー]
EZ W52SH
[17]まりす
tqW1Y5Sh3x6

画像にリンクがかけられたようでよかったです。

そこで改行されてしまうのはRULEのページのトップでの表示設定で、タイトル後の文字が改行するになっているから、かもしれません。


7/21^11:38[削除][コピー]
EZ W44K
[16]メイ
0Ew7IaX2G5c

まりす様☆ご報告&お礼が遅れてしまってすみませんでした
昨日まりす様がおっしゃってた通りやってみました
そしたらにリンクかける事に成功しました。ありがとうございますュただ一つ問題が・・再度前の質問に戻ってしまいますがまた改行されてしまってるんですホRULE(
←リンク
みたいな感じです。どうしたら(の側に戻せるんでしょうか・・。


因みに今コーナー間コメントはこういう感じです<blockquote 1em;>
##FILEL18##RULE(<a href=##url:subtop##">##FILE15##</a>(リこの後はPROFやBBSが同じように続いてます)


7/21^10:15[削除][コピー]
EZ W52SH

←前n 次n→ 



━━━━━━━━━┓
@peps!でホムペ作成ァ
┗━━━━━━━━━┛

★@peps!姉妹サイト★
(全部無料>(^o^)y
リアル!日記!ブログ!はココ!
激アピ!最強プロフィール
大人気!超簡単リンク集!

~戻る
Copyright(c)2024
@peps! byP-Nest Japan