響應菜單不應該在哪裏它應該是

Question

我剛剛使我的菜單響應菜單，但現在它已失去了我的位置，我如何設置它回到它應該是我不想重新調整所有我的其他的CSS代碼只得到TBIS坐在那裏應該是我對我的寫作很抱歉這不是我楊衛國點

/*Strip the ul of padding and list styling*/ 
ul { 
list-style-type:none; 
margin:0; 
padding:0; 
position: absolute; 
} 

/*Create a horizontal list with spacing*/ 
li { 
display:inline-block; 
float: left; 
} 

/*Style for menu links*/ 
li a { 
display:block; 
width:100%; 
height: 50px; 
text-align: center; 
line-height: 50px; 
color: #fff; 
background: #000000; 
text-decoration: none; 
font-size: 18pt; 
font-weight: bold; 
padding-right: 15px; 
} 

/*Hover state for top level links*/ 
li:hover a { 
background: #00FFFF; 
} 

/*Style for dropdown links*/ 
li:hover ul a { 
background: #000000; 
color: #FFFFFF; 
height: 40px; 
line-height: 40px; 
} 

/*Hover state for dropdown links*/ 
li:hover ul a:hover { 
background: #00FFFF; 
color: #fff; 
} 

/*Hide dropdown links until they are needed*/ 
li ul { 
display: none; 
} 

/*Make dropdown links vertical*/ 
li ul li { 
display: block; 
float: none; 
} 

/*Prevent text wrapping*/ 
li ul li a { 
width: auto; 
min-width: 100px; 
padding: 0 20px; 
} 

/*Display the dropdown on hover*/ 
ul li a:hover + .hidden, .hidden:hover { 
display: block; 
} 

/*Style 'show menu' label button and hide it by default*/ 
.show-menu { 
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
text-decoration: none; 
color: #fff; 
background: #000000; 
text-align: center; 
padding: 10px 0; 
display: none; 
} 

/*Hide checkbox*/ 
input[type=checkbox]{ 
display: none; 
} 

/*Show menu when invisible checkbox is checked*/ 
input[type=checkbox]:checked ~ #menu{ 
display: block; 
} 


/*Responsive Styles*/ 

@media screen and (max-width : 760px){ 
/*Make dropdown links appear inline*/ 
ul { 
    position: static; 
    display: none; 
} 
/*Create vertical spacing*/ 

/*Make all menu links full width*/ 
ul li, li a { 
    width: 100%; 
} 
/*Display 'show menu' link*/ 
.show-menu { 
    display:block; 
} 
} 

到我的網站的鏈接，看看有什麼不妥的地方，因爲我不無如何添加圖片到這個www.slchandy.co.uk/prototype/booking.php

Answer 1

你有2個選擇在這裏;

選項1：

在您的預訂頁面，您正在使用不同的樣式表？菜單ID的命名方式不同。

將div名稱更改回它應該包含的css文件。

選項：2

更改像這樣的ul的CSS;

ul { 
    float: left; 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    position: static; 
    width: 100%; 
} 

懸停菜單;

ul li ul { 
    float: none; 
    position: absolute; 
    width: auto; 
    }