相关疑难解决方法(0)

我想链接一个 3 行长的句子。这看起来很简单，但我无法找到一种优雅的方法来使行之间的空间也可点击。这是我的代码：

<style>
    a {
        color: #000;
        border-bottom: 1px solid #000;
        padding-bottom: 5px;
        text-decoration: none;
        font-size: 20px;
        line-height:40px;
    }
</style>

<a href="#">Lorem ipsum dolor sit amet,<br/>
consectetur adipiscing elit,<br/>
sed do eiusmod tempor</a>

小提琴： http: //jsfiddle.net/zbxyjdvb/

我制作了一个简单的html片段,其中包含:

<a href="#"><div>Something here</div></a>

它显然提醒我div不能在<a>标签内.我使用了div,因为我希望整个盒子(在这种情况下为div)是一个按钮.因此,子类:hover和适当的按钮区域适用于整个框,而不仅仅是文本内部.据我所知,div可用于html5中的标签内.我使用XHTML 1.0 Transitional.有什么我可以替换div以避免代码中的错误？或者我应该将xhtml更改为html5？如果不触及剩下的代码,它会运行良好吗？谢谢.

可能重复:
将一个div放在一个锚中是否正确？

当我们编写某种"产品清单"时,您只需要一个链接,但它应该包含产品图片,产品名称,产品名称等.我们可以使用包含p或其他标签吗？是否有任何跨浏览器问题？

我在html5中听到,标签可以包含p标签,但仍然对使用它没有信心.

一些代码如下:

<ul class="xxx_list">  
<li class="hproduct">  
    <a href="#" class="url" title="" target="_blank">  
        <img class="photo" src="shoujike.jpg" alt="???">  
        <p>  
            <span class="price_wrap">&yen;<span class="price">88.00</span</span>  
            <span class="fav">??</span>  
        </p>  
        <p><a class="fn" href="">???????????</a></p>  
    </a>  
</li>  
</ul>

可能重复:
链接到完整的div - html和css

我正在尝试构建CSS,其中<a>标记覆盖整个<div>块,以便<div>可以单击任何位置.

以下是最终div的外观(图像为64×64px):

这是HTML:

    <div>
        <img src="" alt=""/>
        <h3><a>On The Beach</a> <span class="exclusive">Exclusive</span></h3>
        <span class="details">Save 10% off all package holidays</span>
    </div>

任何CSS大师的帮助？

我想在我的标题中点击我的Logo并链接到主页但我不确切知道如何做到这一点.

我的代码:

导航菜单:

HTML

<div id="myMenu">
            <div class="myWrapper">
                <nav>
                    <div class="logo"></div>
                </nav>
            </div>
        </div>

CSS

#myMenu
{
    width: 100%;
    height: 30px;
    z-index: 999; 
    background-color: #252e30;

}
.myWrapper
{
    max-width: 660px;
    margin: 0 auto;
}

.logo
{
    display: inline-block;
    width: 156px;
    height: 30px;
        margin-top: 5px;
        background-size: auto 43px;
    background-image: url(../images/mylogo.png);
    background-repeat: no-repeat;
}

我希望我的徽标可以点击并链接到页面:Homepage.cshtml

如果我将 div 元素放置在锚元素内，它会使我的 HTML 无效。

不将块级元素放置在内联元素内的原因是什么？

希望很简单,在下面的例子中,我希望链接的蓝色部分是可点击的(作为链接),但红色部分不是.我计划在使用Javascript后订阅红色部分的onclick事件.

花了一个小时在这上面,无处可去!有人知道怎么做这个吗？

.outer{
    width:300px;
    height:50px;
    background-color:blue;
    position:relative;
    display:block;
    color:white;
    z-index:1;
}

.inner{
    width:150px;
    height:25px;
    background-color:red;
    top:0;
    right:0;
    position:absolute;
    pointer-events:none;
    z-index:2;
}

<a href="http://google.co.uk" class="outer">
    Clickable
    <div class="inner">
        Not clickable
    </div>
</a>

我认为内部div具有更高的z-index而没有指针事件会这样做,但似乎不起作用.

有人有什么想法吗？

这个例子说明了我遇到的问题.例1和2是完美的.没有问题.在示例3中,格式分崩离析,我不确定原因.我如何使示例3看起来像其他示例,但允许我将list-group-item网格化.

我对jQuery很新,我真的无法理解这一点.

我想选择<a href="contact"><div id="res">Reserveren</div></a>.

这是我的jQuery代码:

 $(document).ready(function() {

 $('#res').hover(
    function () {
    $(this).animate({backgroundColor: "#fff" });
    },
    function () {
    $(this).animate({backgroundColor: "#000" });
    }

  });

然而,没有任何工作.它根本不会改变任何东西......我做错了什么？

先谢谢你,巴特

我有一个似乎被浏览器所忽略,因为它已经是也有这样定义的风格标签的标签:

.content .chapter_text {
    margin-bottom: 0em; 
    padding: 0.5em;
    line-height: 1.4em;
}

.content .chapter_text li{
    list-style-image: url("http://www.comehike.com/img/ui/circle.png");
    margin-left:20px;
}
.content .chapter_text li a{
    color: #7e9940;
    text-decoration: none;
}
.content .chapter_text a:hover{
    color: #3f6b30;
}

我正在处理的页面是:http://www.comehike.com - 请参阅中间和右侧列的中间部分.

标题的链接在里面,但它不会呈现.我应该如何编辑样式以使其渲染？

谢谢,亚历克斯