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;
}

我正在尝试添加＆＃34;渲染的html＆＃34;按照要求。这可能是不正确的，因为我不熟悉渲染的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..

H1身体标识无法正常工作

1 个答案: