我如何設計包括文字和圖片在內的整個標識以成爲主頁的鏈接？

-1

我想將包括文字和圖片在內的整個標識設計成主頁的鏈接。唯一的條件是徽標應該繼續看起來像現在看起來一樣，並且現在看起來應該是相同的，並且當前的外觀應該仍然是懸停期間以及點擊之後和點擊之後的外觀。所有頁面的左上角都可以看到徽標。我如何設計包括文字和圖片在內的整個標識以成爲主頁的鏈接？

這是我的html：

<div class="logo"> 
     <img class="logomap" src="india.jpg" alt="logo" height="47" width="47">mehnat<br>.IN 
</div>

請建議！

來源

2017-04-13 user2828957

請在您的問題中包含**相關**代碼（HTML/JS/CSS） –

將HTML鏈接到某處是HTML的責任，而不是CSS。基本上所有你需要做的就是添加一個鏈接圖像和文本...（然後可能會覆蓋一些你不喜歡的地方的默認鏈接格式樣式。） – CBroe

整個包住內容與a標籤

<div class="logo"><a href="link to your homepage"><img class="logomap" src="india.jpg" alt="logo" height="47" width="47">mehnat<br>.IN</a></div>

來源

2017-04-13 10:58:20 Lucian

與a標籤包裝你整個標誌的HTML內容類似如下：

<a href="your homepage link"> Here comes your all logo html content </a>

所以按照您的標誌，代碼變爲：

<a href="yourlink"> 
    <div class="logo"> 
     <img class="logomap" src="india.jpg" alt="logo" height="47" width="47">mehnat<br>.IN 
    </div> 
</a>

我已在您的網站上測試過它效果很好。但更好的是標籤內包裝你的形象，讓您的div外，如：

<div class="logo"> 
    <a href="yourlink"> 
     <img class="logomap" src="india.jpg" alt="logo" height="47" width="47">mehnat<br>.IN 
    </a> 
</div>

請使用任何適合你上面的兩個appraaches之一！

來源

2017-04-13 10:58:24

我通常不會包裹整個div（或任何其他被阻止的元素），因爲阻塞的元素會使div的整個寬度可點擊（例如，除非它具有'display：inline-block/inline'或'float'） –

我如何設計包括文字和圖片在內的整個標識以成爲主頁的鏈接？

回答

相關問題