carchop2.0でglobal menuの数を変更したい

いろいろ探しまわったのですが知識不足が災いしているようでわからなかったので質問させてもらう事にしました。

BaserCMS1挫折　→　いくつかのフリーCMS挫折　→　EC-CUBE2.12.2挫折　→　BaserCMS2.0.5.1に出戻りした者です。EC-CUBEをかじったおかげでインストールさえつまずかなければ、本当の意味で「コーポレートにちょうどいい」の意味のなんたるかが理解できました。あくまでもインストールにつまずかなければ、ですが。(笑)


表題の通りなのですが、global menuを”6個”から7個に増やしたいのです。

（1）/basercms/app/webroot/themed/Carshop_2.0/img/gnavi
gif画像は"over","off"とも130×40pixelで7個づつ用意し、上記にアップロードしました。

（2）/basercms/app/webroot/themed/Carshop_2.0/elements/global_menu.php
このファイルの中身を標準の6個から7個に増やしました。

（3）管理画面から　システムナビ/メニュー一覧
を操作し、（2）と同じく標準の6個から7個に増やしました。

結果、ページのレイアウトが崩れ、7個目の本来一番左端にきてほしいメニューが本来ないはずの2段めの右端（homeの下）に表示されます。

たぶんどこかのファイルの操作が足りない、または作ったgif画像の横幅が大きすぎるなどの回答になろうかと思うのですが、どのファイルを書き直したりすればいいのかご享受くだされば助かります。

※gif画像は横幅110pixelで作ってチャレンジしましたが結果は同じでした。


ご存知のかた、どうぞよろしくお願いいたします。
またついで、といってはなんですが、初心者が見やすいサイトか書籍があればご紹介くださればさらに助かります。

■ BaserCMSのバージョン：2.0.5.1
■ レンタルサーバー名：さくらインターネット・スタンダード
■ スマートURLの利用：　[OFF]
■ 設置フォルダ：　[ドキュメントルート（basercms）]
■ 利用しているデータベース：　[MySQL]
■ PHPスキル（自己評価）：　[全くわからない]

こんにちは（＾＾
通りすがったので回答してみています。

いまどのようなHTMLソースになっているか分からないので
間違っているかもしれませんが、
おそらくCSSを変更していないのが原因だと思います。

もともと、メニュー画像が６個入っていたという事なので、
CSS側では、横一列にちょうど６個入るように
１つあたりの画像のスペースを確保しているのだと思います。
それならば、画像の数を単純に増やしたり、
画像の幅を単純に変えたとしても、
レイアウトとして６個しか入らないようになっているので、
溢れた１つが居場所を求めて、下段に降りてしまっているのだと思います。

配布テーマをカスタマイズしていらっしゃるようなので、
CSSファイルは、使用しているテーマのフォルダ内にある
「css」というフォルダ内に収まっているのではないかと思います。

CSSについては
検索するとたくさん出てきますので、そちらをご覧いただくとして、
とりあえず、いま起きている問題は上記のような理由だと思います。(^^

さっそくの回答ありがとうございます。
ご指摘の通り、2時間ほどCSSファイル内のファイルのいくつかを触ってみたのですが、いかんともしがたい状態です。

◆以下、触ってみたファイル名です。
/basercms/app/webroot/themed/Carshop_2.0/css

/html5reset-1.6.1.css
/nivo-slider.css
/pascal.css
/style.css

CSSで検索してもポイントが外れているのか、目的の答えに行き当たりません。
（広い意味で大きくCSSを理解させようとするサイトか、ちょっとズレてる回答が載っているサイトばかりで・・・。スキルがないもので・・・）

>いまどのようなHTMLソースになっているか分からないので
という事ですが、どこかのページのhtmlをコピペしたらいいでしょうか？

トップページの◯◯、◯◯のPHPファイル、など、ご指摘いただければ解決のために再度アップします。

またglobal menuの数を6から7にするためには、実際にどのファイルのどの記述をどのように触ればよいかご指摘いただければもっと助かります。

ご無理を申し上げますが、どうぞよろしくお願い致します。

こんにちは（＾＾
私もテーマ「CarShop」をダウンロードしてみました。

引用：
という箇所ですが、このファイルを開いた時に、
それぞれのボタン画像の幅を変更されていますか？

ちょっと、中身を覗いてみたら、
各ボタンは164pxないし163pxになっており、６個の合計で980pxになっていました。

このメニュー部分の幅は、
/css/style.css
の410行目で980pxに指定してあります。
さらにその中に入れてあるdivもglobal_menu.phpの中で、980pxが指定してあります。

もし、ボタン幅をそのままにするならば
メニュー部分の幅を変更すべきですし（単純な足し算で、７個にすると幅が足りずに入らない。）
メニュー部分の幅を変えないのならば、各ボタンの表示幅を変更すべきです。

変更しても上手く入らない時は、
ブラウザ間の誤差や、HTML、CSSの書き方の問題かも知れません。
その時は、一度、ソースを見なおしてみると良いと思います。