ここから本文です

アメブロメニューバーについて

hit********さん

2011/10/713:56:10

アメブロメニューバーについて

アメブロメニューバーについて

アメブロでメニューバー設置しているんですが
なぜか下の画像のようにズレてしまうんです。。。
どこをいじれば直りますか?

あと、メニューバーのフレームというかデザインはどうやって変えればいいのでしょうか?どこをいじれば??

HTMLよりCSSは難しいっす。。噛み砕いて分かりやすくお願いします。。

添削お願いします。。

/*メニューバー/*
/*メニューを挿入するスペースを確保*/
#wrap{
margin-top:30px;
}

/*メニューボタンを設置*/
#topmenu {
width: 800px;/*ヘッダーの横幅サイズ*/
font-size:14px;/*文字のサイズ*/
font-weight:bold;/*太字*/
line-height:2;
display: block;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width: 188px;/*メニュー1つの横幅サイズ*/
margin: 0 2px;/*メニュー間の隙間幅*/
border: 3px double #fff;
background:#000080;
text-align: center;/*中央寄せ*/
display:inline;/*IE6対策*/
list-style: none;
float: left;
}
#topmenu li a {
color: #FFA500;/*リンク文字の色*/
border: 1px solid #ffffff;
margin: 1px;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color: #DB7093;/*オンマウス時の文字の色*/
background:#000000;
}

#frame {
position: relative;
}

#topmenu{
position: absolute;
top:370px;/*上から*/
left:250px;/*左から*/
z-index: 100;
}

topmenu li a,topmenu ul,DB7093,FFA500,display,topmenu,position

閲覧数:
477
回答数:
1

違反報告

ベストアンサーに選ばれた回答

ycc********さん

2011/10/1004:40:17

画像がちっちゃくてよく見えませんが、横に4つならんで、枠からズレているのが#topmenuですよね?
それなら

#topmenu{
position: absolute;
top:370px;/*上から*/
left:250px;/*左から*/
z-index: 100;
}

を消せば委員じゃないですか?もしくは中央に寄っている枠にposition:relativeを付けるとか。どっちにしてもhtmlがないこたえづらいですねぇ。どのcssがどの部分に対応してるかわかんないです。

この回答は投票によってベストアンサーに選ばれました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる