質問 > フロント機能 > naviバーがレイアウト崩れを起こします |
フロント機能
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
hama |
投稿日時: 2011/8/12 15:15
対応状況: −−−
|
新米 ![]() ![]() 登録日: 2011/8/12 居住地: 投稿: 2 |
naviバーがレイアウト崩れを起こします 右も左も分からない超初心者なのです。
現在、EC-CUBE asp版のお試し版でデザインのカスタマイズの練習中なのですが、ヘッダー部分下にnaviというボックスを作成して、 naviバーを横に5つ並べたいのですが、レイアウト崩れを起こしてしまいます。どなたか、教えていただけないでしょうか? よろしくお願いします>< http://trial565.eccube-asp.net/ html---------------------------------------------------- <div id="navi"> <ul> <li><a href="#">トップページ</a></li> <li><a href="http://trial565.eccube-asp.net/user_data/test1.php" title="test1">お買物の流れ</a></li> <li><a href="#">お支払い・送料</a></li> <li><a href="#">よくある質問</a></li> <li><a href="#">会社案内</a></li> </ul> </div> css----------------------------------------------------- /* ヘッダメニューを消去するサンプルコード */ #header_menu { display: none; } body { font-size: 62.5%; line-height:1.7em; } #navi{ width:966px; margin:0 auto; } #navi ul { width:966px; list-style:none; font-size:14px; font-weight:600; text-align:center; margin:0; padding:0; } #navi li { width:150px; height:40px; margin:0; padding:0; float:left; } #navi a { display:block; width:100%; height:40px; background-image:url(/user_data/upload/save_image/navi.jpg); background-repeat:no-repeat; text-decoration:none; padding:10px 0; } #navi a:hover{ height:40px; background-color:#F9C; padding:10px 0; } #navi a:hover{ background:url(/user_data/upload/save_image/navi_hover.jpg) no-repeat; } |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
» ![]() |
hama | 2011/8/12 15:15 |
![]() |
AMUAMU | 2011/8/12 18:29 |
![]() |
hama | 2011/8/14 11:11 |
![](images/pixel.gif)