正文中的 H1 徽标无法正常工作

Question

到目前为止，我还不是 PHP 方面的专家，并且真的可以使用一些帮助将我的徽标在下面创建为 H1。这是网站的正文部分：

<!--logo-->
<div class="logo" style="float:left;">

    <?php echo $html->link($html->image('rental_logo.png'),array('controller'=>'homes','action'=>'index'),array('escape'=>false)); ?>

</div>
<div class="logo" style="float: right; margin-right: 470px; padding-top: 40px;">

这是我尝试将上述徽标创建为 H1 标签的内容：

<h1>
    <a href="<?php echo $html->link($html->image('rental_logonew.png')?>" title="http://example.net/img/rental_logo.png"><br/>
    <img src="<?php (http://example.net/img/rental_logonew.png);>/images/rental_logo.png" alt="vacation rentals" title="logo"
</h1>

我非常缺乏编写代码的经验。所以，我知道我试图输入的上述内容是错误的。我是否也应该更改我的 look.css 文件？

/* css */
#logo {
background: transparent url("http://example.net/img/rental_logo.png") no-repeat scroll 0%       0%;
 float: left;
/*width: 200px;*/
padding-bottom:10px;
text-indent: -3333px;
border: 0;
margin: 0;
}

#logo a {
display: block;
width: 280px; /* larger than actual image? */
height: 120px;
text-decoration: none;
border: 0;
}

我正在尝试按要求添加“呈现的 html”。这可能是不正确的，因为我不熟悉呈现的 html。我从我的 header.ctp 和 look.css 文件中获得了上述代码。

($html->image('rental_logonew.png'),array('controller'=>'homes','action'=>'index'),array('escape'=>false)); ?>

感谢您的关注，如果可以，请提供帮助。

Answer 1

在 php 代码中，我看不到您关闭“a”标签的位置，只需遵循以下结构即可。我希望它会起作用。

CSS：

#logo {
    width: 344px;
    height: 82px;
    margin-top: 10px;
    /*float: left;*/
    background: url(../images/logo.png) no-repeat;
}
h1.logo {
    width:344px;
    height:82px;
    margin:0;
    padding:0;
}
h1.logo a {
    display: block;
    height: 82px;
    text-indent: -3000em;
    overflow: hidden;
}

HTML：

<div id="logo"><h1 class="logo" title="logo"><a title="logo" href="/">Logo</a></h1></div>

Demo here..