未列出的链接中的第一个链接无效

时间:2016-12-14 06:06:10

标签: html

我输入了以下代码。

<body style="background-color:#FF9966;>
    <ul>
        <li><a href="#Home">Home</a></a></li>
        <li><a href="#Category">Category</a></a></li>
        <li><a href="#Offers today">MyDeals</a></a></li>
        <li><a href="#Branded">Branded</a></a></li>
        <li><a href="#Register">Sign Up / Login</a></a></li>
        <li><a href="#Basket">My Basket</a></a></li>;

但是,在后面的部分样式中输入了以下标记=&#34; background-color:#FF9966;&gt ;;输入此内容后,未列出的链接中的第一个链接无效。请帮忙。我是新手

5 个答案:

答案 0 :(得分:3)

您的HTML代码有几个问题,包括:

  • 由于某种原因,您正在关闭锚标记两次
  • 您永远不会关闭<ul>无序列表
  • 您永远不会关闭<body>标记,或者至少它没有显示
  • 您遗漏了style标记
  • <body>属性的结束语


请尝试以下代码段:

<body style="background-color:#FF9966;">
    <ul>
        <li><a href="#Home">Home</a></li>
        <li><a href="#Category">Category</a></li>
        <li><a href="#Offers today">MyDeals</a></li>
        <li><a href="#Branded">Branded</a></li>
        <li><a href="#Register">Sign Up / Login</a></li>
        <li><a href="#Basket">My Basket</a></li>
    </ul>
</body>

答案 1 :(得分:1)

我遇到了同样的问题,发现是我写的 CSS 规则 (margin-top: -40px;) 导致的。该链接在悬停时未显示为可点击且不起作用。我尝试了所有方法,但没有任何效果,直到我将保证金值取出/减少到 margin-top: 2%,或者完全取消。因此,请检查您的 CSS 以确保您的边距不会影响链接。

答案 2 :(得分:0)

jenis_pohon

应该是

"background-color:#FF9966;

但你应该把风格放在外部CSS文件中。

答案 3 :(得分:0)

您的HTML语法有问题,应该是这样的

<form method="POST" action=""> <input type='hidden' name='csrfmiddlewaretoken' value='...' />

    <div id="div_id_event" class="form-group"> 
        <label for="event-Flex-1" class="control-label  requiredField">Event<span class="asteriskField">*</span> </label> 
        <div class="controls "> 
            <select class="select form-control" id="event-Flex-1" name="event" required>
            <option value="">---------</option>
            <option value="10">stuff</option>
            ...
            </select> 
        </div> 
    </div>

    <div id="div_id_event" class="form-group"> 
        <label for="event-Flex-2" class="control-label  requiredField">
                    Event<span class="asteriskField">*</span> </label> 
        <div class="controls "> 
            <select class="select form-control" id="event-Flex-2" name="event" required>
            <option value="">---------</option>
            <option value="10">stuff</option>
            ....
            </select> 
        </div> 
    </div>

    <input type="submit" value="Save Selections"/>
</form>

答案 4 :(得分:0)

请使用body标签样式:

<body style="background-color:#FF9966;">

在外部样式表中使用样式代码,这将是获得结果的更好选择。