オリジナルゲーム作成!!FC2からFC2にサイト移動しようかなーっと。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


リストの横並びメニューの中央寄せ

横並びのメニューを実際に表示してみたのですが、中央寄せがちょっと厄介だった(?)ので、記事にしてみます。
まぁ、厄介ってもそうでもないか。。。

さて、早速HTMLでリストを使ってメニューを作るときの方法を見てみましょうかね。



まず、頑張って横並びのメニューを作ったんだけど、位置が変だわー。左に行っちゃってるよ……。
マウスでドラッグして移動出来れば良いのに!

ウェブページ制作

誰もが出来ないと分かっていながらも、ブラウザの画面でメニューをドラッグして移動させようとすると思います。
せーへんわ!


一人でツッこむのも悲しいものですね。
ツッこむのはアレだけにして欲しいものです。
ん…アレ?  倉庫とか、ロッカーとかでしょうかね。


<ul>
<li>メニュー画像とか</li>
<li>メニュー画像とか</li>
<li>メニュー画像とか</li>
<li>メニュー画像とか</li>
</ul>


これはHTMLの方ですね。これを、CSSで横並びメニューにしてやる訳です。
もしもアナタが、この上の画像の様に出来ているのであれば、多分、この下の二つを追加してやれば出来るかと。

ul {
margin:0px auto;
width:900px;
}

ul li {
float:left;
}

調べていたら、結構長いコードが書かれているサイトが多くて、見るのがめんどくさかったんで、最小限短くしました。

リストは全て左に詰めて、ulの部分のwidth:900px;で横幅を指定してやります。まぁ重要なのはこれですね。
これが無いと、中央寄せしようとしても上手くいかない訳です。

ウェブページ制作

これで、中央に寄せる事が出来ます。
ちなみに……。

ウェブページ制作

マウスを乗せるとこんな感じに。
こっちはjavascriptで作ってます。


これで画面のサイズが違うPCでも上手く表示されているのかは別の話しで。
手元に画面のサイズが違うPCが無いもので、確認できません。

また明日あたりに確認してみます。

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

http://game948.blog67.fc2.com/tb.php/806-613d0407

 | HOME | 

ゲーム作成 記録

It is R作 第二弾!
『精神と身体』をついに公開しました。


ここ『オリジナルゲーム作成!!』で作成したゲームです。 無料でダウンロードできるので、 プレイして頂けるとありがたいです。


精神と身体 banner
2012 10/7 午前2時頃 BGMの変更とおまけモード(音楽鑑賞)のバグを修正
2012 10/7 午前5時頃 サイズがあまりにも大きすぎる為、修正
2012 10/18 午後10時頃 STGが2面でタイトルに戻り冒頭から読み始めた時、STGが2面から始まってしまうバグ、修正
2012 10/18 同じ時間 ノベルの誤字を修正

それ以前にダウンロードされた方は、お手数ですがもう一度ダウンロードし直す事をお願いします。
申し訳ありません。

ベリ→キュートヴァンパイア ユリ banner.png

ORIGINAL-GAME.COM

Webページを作りました。 バナー

プロフィール

It is R

Author:It is R
It is Rです。
ゲームを作成しています。

ゲームが超好きな大学生。Nitro+のゲームが好きです。

好きなゲーム
カオスヘッド
月光のカルネヴァーレ
天使の二丁拳銃
ドラクエ(Ⅶ)

好きな漫画家
峰倉かずやさん
向浦宏和さん
藤原ここあさん
など

好きなアーティスト
WAG
ウルフルズ
ANARCHY
など

嫌いなアーティスト
AKB48

プロレスとか見るのも好きです。
好きなプロレスラーは、

葛西 純さんDEATH!!

後は、宮本裕向さんとか、
動画でちょこっとしか見たこと無いけど、先輩はブラックで面白い。


最近はAndroidのプログラムの勉強をしています。
端末はNOVO7 Paladinを使っています。


このブログは、リンクフリーです。
コメントか何かでリンクしましたって教えてくれれば、こっちからもリンクさせて頂きます。
しかし、全くこのブログに関係の無いサイトにはこちらからリンクを返す事ができません。
そこはどうかよろしくお願いします。。。

バナーはこちらをどうぞ。
  ↓    ↓



万が一何かあれば、メールフォームより連絡ください。

メールフォーム

名前:
メール:
件名:
本文:

最新記事

カテゴリ

RSSリンクの表示

おしゃべり時計

自作曲

いま制作中のゲームの曲やムービーを載せています。 良かったら聞いてください。(笑


永遠に精神は
精神と身体
櫻-Sakura-
櫻-Sakura-ロックアレンジ
精神と身体 OPムービー

ブログランキング

ランキングに参加中っす!
↓クリックお願いします。↓

ブログランキング・にほんブログ村へ

人気ブログランキングへ

月別アーカイブ

最新コメント

リンク

ブロとも一覧


ONE DAYs

ゲーム最新情報or日記

ブロとも申請フォーム

この人とブロともになる

カウンタ


現在の閲覧者数:

ブレッドクラム

オリジナルゲーム作成!! > リストの横並びメニューの中央寄せ


SEO対策:シューティング
SEO対策:DTM
SEO対策:CG
SEO対策:C言語
SEO対策:プログラミング
ゲーム 作成 制作 画像 CG

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。