标题中的可点击徽标链接

时间:2013-01-24 11:22:53

标签: css

我想将可点击的公司徽标添加到标题中,标题会将其重定向到主页。我尝试了这个,但它使整个标题可以点击。

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

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

请从主播中移除 display:block : -

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

答案 2 :(得分:0)

试试这个

 </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>