Question

我正在编写一个网站，我注意到在导航栏中有些链接工作有些没有。

我已经意识到这个单词的链接组有不同的css代码，如果我将其删除，那么其他的将会起作用，但其他人当然不会出现。我尝试了很多东西，但似乎没什么用。

我想要的只是酒吧左边的一组链接，右边的所有链接当然都在工作，这是我的代码：

<!-- Create navigation bar-->
        <style>
            #TopBar{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:40px;
   background-color:#181818;
}
            </style>         
            <div id="TopBar"></div>     
        <!-- Create Page Links -->
        <style>
        ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: white; 
    position: absolute; 
    font-family: sans-serif;        
    font-size: 20px;
    padding-left: 163px;      
}
        </style>
        <style>
        al {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: white; 
    position: absolute; 
    font-family: sans-serif;
    font-size: 20px;
    padding-left: 1028px;
        }
        </style>
<style>
        li {
    display: inline;
    margin: 5px;        
}
        </style>
        <style>
            a{color: #ffffff;
            text-decoration:none;   
            }
        </style>
        <ul>
  <li><a href="default.asp">Cos'è</a></li>
  <li><a href="news.asp">Chi Siamo</a></li>
</ul>
        <al>
            <li><a href="">News</a></li>
            <li><a href="">Video</a></li>
            <li><a href="">Gallery</a></li>
        </al>

希望有人能帮助我尽快解决这个问题。

Answer 1

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/view_root" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"> </TableLayout>不是 HTML元素，这就是它不会在浏览器中显示的原因。也许你的意思是<al>或<ul>

Answer 2

只需将CSS更改为此

即可

al {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: white;
  position: absolute;
  font-family: sans-serif;
  font-size: 20px;
  right: 0;
}

正如您所看到的，padding-left:1028px;已替换为right:0;。因为它导致左侧链接重叠。这就是为什么点击不可能的原因。

Answer 3

曼。你的代码搞砸了。尽量避免在html文件中使用多个样式。一到三个可能没问题。但在那之后你肯定应该使用外部样式表文件 - 当你计划发布代码时就是这种情况。因此，如果这是用于测试尝试使用这种布局 - 也可以在以后复制和粘贴它。“

-------
Head
- meta's
- style
-------
Body
-------

然后正如这里的一些人已经提到的那样，<al>不是有效的HTML标记。我想你的意思是<ul>。

您的链接＆＃39;新闻＆＃39;等等不起作用，因为href=""是空的，你必须放入一些东西。您的新闻HTML与您可以使用的文件夹相同

<a href="news.html">News</a>

如果你想要你的第二个ul（无序列表）具有不同的属性，你应该添加类和id - 大多数人从来不会这样做。在这种情况下，您应该使用id。尝试使用w3school等网站自己学习。如果您仍然需要帮助，那么请向我们展示一些代码，我们会帮助您，但它实际上很简单。

并非所有链接都有效

3 个答案: