css - 标题中的可点击徽标链接

Question

我想将我的可点击公司徽标添加到标题中，这会将它们重定向到主页。我试过这个，但它使整个标题可点击。

<div id="header">
    <a style="display:block" href="profile.php" >
        <label>
            <img src="images/logo.png" height="50x" width="180px" />
        </label>
    </a>
</div>

我添加了与之关联的 CSS：

div#header a
{
 position:fixed;
 height:40px;margin:0;width:100%;
 padding-left:30px;background: #00BFFF
 }

Answer 1

使用CSS.

不要使用INLINE CSS STYLE. 而是创建 css 文件并粘贴代码并将其包含在页面中。

<style type="text/css">

    div.header
    {
        display: block;
        height: 40px;
        position: absolute;
        width: 100%;
    }
    div#header a img
    {
        cursor:pointer;
    }
    .header .logo
    {
        display: block;
        float: left;
        padding: 4px 3px;
    }
    img
    {
        border: 0 none;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
    }
</style>

<div class="header">
    <a href="action.php" class="logo">
        <img title="Title" alt="Alter" src="img/4.png">
    </a>
</div>

Answer 2

请删除显示：从锚点阻止：-

<div id="header">
    <a href="profile.php" ><label><img src="images/logo.png" height="50x" width="180px" /></label></a>
</div>

Answer 3

尝试这个

 </style> 
 div#header 
         {
         position:fixed;
        height:40px;margin:0;width:100%;
        padding-left:30px;background: #00BFFF
       }
</style> 


<div id="header">
      <a s href="profile.php" >  <img src="slider-button-left.png" height="50x" width="180px" /></a>
</div>