0

クリック可能な会社のロゴをヘッダーに追加して、ホームページにリダイレクトしたいと考えています。これを試してみましたが、ヘッダー全体をクリック可能にします。

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

3 に答える 3

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>
于 2013-01-24T11:27:36.660 に答える
0

display: blockをアンカーから削除してください:-

<div id="header">
    <a href="profile.php" ><label><img src="images/logo.png" height="50x" width="180px" /></label></a>
</div>
于 2013-01-24T11:27:10.513 に答える
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>
于 2013-01-24T12:54:21.153 に答える