在一个div水平导航栏

我已经创造了我的CSE功课网页...我想有一个导航栏，在早期的网站......相反，我得到这个nav bar below the borderline where it supposed to be.在一个div水平导航栏

下面的代码`

<body style="background: linear-gradient(#c3c3e5, #f1f0ff);"> 
<style> 

#title { 
    font-family:courier; 
    font-size:40px; 
    text-align:center; 
    text-transform:uppercase; 
    border:2px solid black; 
    border-radius:30px; 
    background-color:#443266; 
} 

#Welcome { 
    font-family:courier; 
    font-size:30px; 
    text-align:center; 
    text-decoration:underline; 
    text-decoration: bold; 
} 

#q { 
    font-family:courier; 
    font-size:25px; 
    text-align:justify; 
    text-decoration:none; 
} 

ul { 
    list-style-type:none; 
    margin:0; 
    padding:0; 
} 

li { 
    float:right; 
} 

li a { 
    display:inline-block; 

    text-decoration:none; 
    background-color:black; 
    color:white; 
} 

#audio { 
    float:right; 
    display:inline-block; 
    background-color:lightblue; 
} 

</style> 

    <div id="title"> 
    <p>Star Travel</p> 

    <audio controls autoplay loop id="audio"> 
     <source src="../assets/audio/13_Fairy Law.mp3" type="audio/mpeg"> 
    </audio> 
    <br> 
    <br> 

    <ul> 
     <li><a href="about.html">About</a></li> 
     <li><a href="user-rev.html">Review</a></li> 
     <li><a href="trip-accom.html">Accomodation</a></li> 
     <li><a href="site-trip.html">Trip</a></li> 
     <li><a href="main.html">Home</a></li> 
    </ul> 
    </div>

请帮我在此先感谢

来源

2016-10-15 AJ Tech

不是那么明白..什么是您当前的外表和你预计的外观？ – Kasnady

你喜欢把菜单放在哪里？ 'STAR TRAVEL' div里面？ –

您在网站的早期阶段意味着什么？在顶部，在星空旅行的紫色框上方？ –

我觉得这是什么ü试图做

body{ 
 
    background: linear-gradient(#c3c3e5, #f1f0ff); 
 
    margin: 0; 
 
} 
 
#title { 
 
    font-family:courier; 
 
    text-align:center; 
 
    text-transform:uppercase; 
 
    border:2px solid black; 
 
    border-radius:30px; 
 
    background-color:#443266; 
 
} 
 
p{ 
 
    font-size:40px; 
 
} 
 

 
#Welcome { 
 
    font-family:courier; 
 
    font-size:30px; 
 
    text-align:center; 
 
    text-decoration: bold; 
 
} 
 

 
#q { 
 
    font-family:courier; 
 
    font-size:25px; 
 
    text-align:justify; 
 
    text-decoration:none; 
 
} 
 

 
ul { 
 
    list-style-type:none; 
 
    margin:0; 
 
    display: inline-block; 
 
    width: 100%; 
 
    background-color: #111; 
 
    padding: 10px 0; 
 
} 
 

 
li { 
 
    float:left; 
 
    padding: 0 10px; 
 
} 
 

 
li a { 
 
    text-decoration:none; 
 
    color:white; 
 
} 
 

 
#audio { 
 
    float:right; 
 
    display:inline-block; 
 
    background-color:lightblue; 
 
}

<div id="title"> 
 

 
    <ul> 
 
     <li><a href="about.html">About</a></li> 
 
     <li><a href="user-rev.html">Review</a></li> 
 
     <li><a href="trip-accom.html">Accomodation</a></li> 
 
     <li><a href="site-trip.html">Trip</a></li> 
 
     <li><a href="main.html">Home</a></li> 
 
    </ul> 
 

 
    <p>Star Travel</p> 
 

 
    <audio controls autoplay loop id="audio"> 
 
     <source src="../assets/audio/13_Fairy Law.mp3" type="audio/mpeg"> 
 
    </audio> 
 
    <br> 
 
    <br> 
 

 
    
 
    </div>

来源

2016-10-15 12:18:54 Rahul

非常感谢！你帮了我 –

在一个div水平导航栏

回答

相关问题