~戻る

ホームページデザイン/レイアウト並べ方
投稿者:柚李
8Vl3tgOWTB6

HPの並べ方についての質問なんですが、横並べ方にしたいのですが他の人のトピックを見てもよくわからないので教えていただけないでしょうか?

下のようにしたいのですが 
 (画像)日記 (画像)アルバム

お願いします



3/23^11:03[削除][コピー]
PC Mozilla
[レスをする]
[最新順][古い順]
[1]トシ
Z9uUvgXnW1U

横並びだと一列の文字数に限界があると思います。どーしてもと言うならテーブルタグを使って最初<table 〜><tr>〜〜@とかAとか 途中の</tr>を入れずに<td></td>で区切りながら最後に</tr></table>で出来ると思います。


一度テーブルで検索してみてください。タグが理解出来なければ、何個を横並びにしたいのか等を教えて下さい。


3/23^19:28[削除][コピー]
EZ W43H
[2]柚李
25BXXFdKB1I

としさん質問に答えてくださってありとうございます。
としさんのいうとおりテーブルで調べてみたのですがわかりません。

私は、下のようにしたいのでが・・・。(■は画像)

   ■必見
■プロフ ■ブログ
■写真  ■お話

のように一番上だけを真ん中に持ってきて後それを、二列ずつ並べたいのですが・・・。


3/23^22:07[削除][コピー]
PC Mozilla
[3]さん太
PzHI0ijTAnI

とりあえず、こんな感じでしょうか。
<table width="100%"><tr><td colspan="2" align="center"><a href="url">☆</a>必見</td></tr><tr><td align="right"><a href="url">☆</a>プロフ<br><a href="url">☆</a>写真♪</td><td align="left">ブログ<a href="url">☆</a><br>お話♪<a href="url">☆</a></td></tr></table>

☆には画像を。


3/24^00:54[削除][コピー]
ドコモ P903iX
[4]柚衣
VHLKgwuyeJI

それのタグみたいのを張ればいいんですか?詳しく教えていただけないでしょうか?


3/24^12:29[削除][コピー]
ドコモ F904i
[5]さん太
PzHI0ijTAnI


@各コーナーをTOPページ非表示に設定して下さい。

A
コーナー追加

サブコーナー設置

メニュータグを追加

B
メニュータグのメニュー貼り付けに【2のテーブルタグ】を記入します。

C
リンク先一括設定で移動先(コーナー)を順番に選んで設定して下さい。
(順番は
必見
プロフ
写真
ブログ
お話
で、良いかと思います。)


3/24^13:12[削除][コピー]
ドコモ P903iX
[6]さん太
PzHI0ijTAnI

すみません。
×2のタグ
〇3のテーブルタグ

でした、訂正します。


3/24^13:16[削除][コピー]
ドコモ P903iX
[7]柚衣
VHLKgwuyeJI

サブコーナーを作るというわけではなくて、topnで並べ方を変えたいですが…。
必見
プロフ ブログ
チャット 掲示板
: :
: :
というふうに、topに並べたいのですが、先ほどの書き込みでできるんでしょうか?
すみません。あまりわからないのでー。


3/24^15:02[削除][コピー]
ドコモ F904i
[8]さん太
PzHI0ijTAnI

サブコーナーのメニュータグを作成して記述してもTOPページに反映されます。
とりあえず、やってみて下さいな。


3/24^15:12[削除][コピー]
ドコモ P903iX
[9]柚李
25BXXFdKB1I

やってみたのですが、できたのですが、そういうタグを使うのじゃないとできないでしょうか?
普通に並べたいだけなんですが・・・。


3/24^17:26[削除][コピー]
PC Mozilla
[10]さん太
PzHI0ijTAnI


私は設定でやった事がないのでわかりかねます。

類似トピ
[⇒]ホームページ≫デザイン/レイアウト
[70715]


以降、他の方の回答をお待ち下さい。


3/24^17:49[削除][コピー]
ドコモ P903iX
[11]柚李
25BXXFdKB1I

過去のレスを参考にして横に並べることができました!!でも、文字の始まりをあわせるにはどうしたらいいのですか?
いろいろ質問ばかりをしてしまってすいません


3/25^22:48[削除][コピー]
PC Mozilla
[12]ある
jjKiomOZETw



始まりを合わせるとは?

文字数を全て同じにする事でしょうか?
例えば
全角3文字づつとか
〇〇〇
〇〇〇
4文字づつとか
〇〇〇〇
〇〇〇〇

違っていたら、すいません。


3/26^01:11[削除][コピー]
EZ W42S
[13]柚李
25BXXFdKB1I

質問に答えてくださってありがとうございます!
文字数を合わせるということではなく、下のような状態になるのをそろえるにはどうしたらよいのでしょうか?

    必見
  プロフ diary
掲示板 語り

のようにずれるのですが・・・・。あと、PCでは配置がちゃんと二列になっているのですが、携帯からみると、ずれが二列にがずれているのですが携帯からでもきれいな二列に見えるようにするにはどおしたらよいのでしょうか?
いといろ質問ばかりをし続けてすみません!


3/26^13:25[削除][コピー]
PC Mozilla
[14]あゆ
l2nCLOpaPKc

項目の名前の文字数を揃えないとずれてしまいます。
必須
紹介
日記

のように全部2文字にするとか、文字数を揃えてください。

どうしても無理なときは、色を白にして空白を埋めましょう。


さらに、<center></center>で囲むとよいのでは?


3/26^14:13[削除][コピー]
ドコモ SH902iS
[15]柚李
VHLKgwuyeJI

質問しに答えていただき有り難うございます!

<center></center>で囲むというのはどういう意味なんですか?どこかに張り付ければいいんでしょうか?
詳しくやり方を教えていただきませんでしょうか?


3/26^15:54[削除][コピー]
ドコモ F904i
[16]さん太
PzHI0ijTAnI


この回答はスルーして下さい。

<table width="100%" align="center"><tr><td colspan="2" align="center"><a href="リンク先URL">☆</a>文字1</td></tr><tr><td width="50%" align="right"><a href="リンク先URL">♭</a>文字2</td><td align="left"><a href="リンク先URL">〇</a>文字3</td></tr><tr><td align="right"><a href="リンク先URL">★</a>文字4</td><td align="left"><a href="リンク先URL">◇</a>文字5</td></tr><tr><td align="right"><a href="リンク先URL">◆</a>文字6</td><td align="left"><a href="リンク先URL">£</a>文字7</td></tr><tr><td align="right"><a href="リンク先URL">♪</a>文字8</td><td align="left"><a href="リンク先URL">〒</a>文字9</td></tr></table>


@
各コーナーをTOPページ非表示に設定して下さい。

A
コーナー追加より


メニュータグを追加して下さい。

B
メニュータグのメニュー貼り付けに【上記のテーブルタグ】を記入します。

C
リンク先簡単設定で移動先(コーナー)を設定して下さい。


※テキストリンクにしたい場合は記号の所に文字を記入してその後の文字を消して下さい。
画像リンクにしたい場合はCの設定時ラベルの所に画像独自タグを入れる。
(アイコン画像程度の小さい画像)
※文字を変える場合は全角4文字位で文字数を揃えて下さい。(文字数が多いと自動的改行されます)
※色を変えたい場合は<font color="色コード又は色名">文字</font>として下さい。


3/26^18:25[削除][コピー]
ドコモ P903iX
[17]柚李
25BXXFdKB1I

丁寧に教えてくださってありがとうございます。
今やっているのですが、一つ質問をさせてください。
移動先のコーナーの設定のところでリンク先のURLは書かないといけないでしょか?


3/26^22:22[削除][コピー]
PC Mozilla
[18]さん太
PzHI0ijTAnI


すみません。
せっかく設定でやっておられたのに又メニュータグでの回答になってしまいまして。


移動先(コーナー)で
↓URLを入力から
プロフや日記等のコーナーを選んで設定して下さい。
で、リンク先URLの文字を消して空欄にして下さい。

この時、プロフと設定した場所が文字1の場合タグの文字1をプロフと書き換えて下さい。
(文字を書き換える時は文字数を合わせて下さい。)
リンクラベルの記号を消して画像独自タグ(##FILE〇##)を記入すると画像リンクになります。


3/27^00:51[削除][コピー]
ドコモ P903iX
[19]柚李
25BXXFdKB1I

いぇいぇ、そんな沖になさらないで下さい。私が知らなさ過ぎるから・・・。

あっ、できました!!文字は大きくできないですよね??また、聞いてしまってすいません。


3/27^14:09[削除][コピー]
PC Mozilla
[20]さん太
PzHI0ijTAnI


<font size="〇">文字</font>でサイズが変わります。


<font color="★" size="〇">文字</font>


★は色コード又は色名
〇は文字サイズ、1〜7(小〜大)です。
詳しくはHP/作成支援より簡単作成タグ工房をご覧下さい。


3/27^15:42[削除][コピー]
ドコモ P903iX

次n→ 



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

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

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