如何添加不同的鏈接到標題中的兩個圖像

我已經添加了2個圖像到我的標題和所有看起來不錯，但我希望每個圖像有一個不同的鏈接，當我嘗試添加href到第二個圖像這兩個圖像繼承此鏈接。我錯過了什麼。我是新的HTML ..謝謝如何添加不同的鏈接到標題中的兩個圖像

<div class="main-header-container container-fluid"> 
 
<div class="container"> 
 

 
<!--<nav class="navbar navbar-default" id="mainmenu" role="navigation">--> 
 
<nav class="navbar navbar-default" id="mainmenu"> 
 

 
\t <div class="nav-container"> 
 
    
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
 
      <span class="sr-only">Toggle navigation</span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
     </button> 
 
\t 
 
     <a class="navbar-brandf" href="<?php echo site_url().'/link1.html'; ?>"> 
 
     <img src="<?php echo get_template_directory_uri(); ?>/images/logo.svg" alt="Logo1" class="img-responsive" /> 
 
    \t </a></div> 
 

 
\t <a class="navbar-brandf" href="<?php echo site_url().'/link2.html'; ?>"> 
 
     <div class="navbar-world"> 
 
      <img src="/images/tag.png" alt="Logo2" style="width:90px; height:80px" class="img-responsive" /> 
 
     </div> 
 
    </a>

來源

2017-06-01 Gary Reid

表現出更多的代碼，請，這段代碼是毫無意義上的擁有。顯示你如何將兩個鏈接建立在一起。看起來你可能已經犯了一個語法錯誤或者其他什麼，但是從這個不清楚。 – ADyson

請分享[最小，完整和可驗證]（https://stackoverflow.com/help/mcve）代碼。 –

使用片段功能可能很有用...但您需要使用HTML填充...不是PHP。 – Quentin

如果你想添加兩個不同的圖像，用兩個不同的href S /鏈接：

<a href="**link1**"><img src"**path_to_image_1**" /></a> 
<a href="**link2**"><img src"**path_to_image_2**" /></a>

來源

2017-06-01 11:05:39 TheDarkKnight

您的代碼PHP錯誤和一些缺少的標籤。試試下面的代碼片段，以適應您的需求，使「href」屬性值所需要的變化根據您的目標鏈接（HREF =「」）

<div class="navbar-header"> 

    <a class="navbar-brandf" href="<?php echo site_url().'/link1.html'; ?>"> 
     <img src="<?php echo get_template_directory_uri().'/images/logo.svg'; ?>" alt="Logo" class="img-responsive" /> 
    </a> 

    <a class="navbar-brandf" href="<?php echo site_url().'/link2.html'; ?>"> 
     <div class="navbar-world"> 
      <img src="QS-tag.png" alt="Logo" style="width:90px; height:80px" class="img-responsive" /> 
     </div> 
    </a> 

</div><!--navbar-header-->

來源

2017-06-01 11:57:15

感謝您的回覆。當我嘗試發生同樣的事情時。這兩個圖像鏈接到link2.html（如上）。我將添加完整的代碼，也許這將有所幫助。謝謝。 –

添加完整的代碼頂部。隔離你的代碼工作，但是當我將代碼添加到我的頁面時，這兩個圖像都會繼承link-2.html。如果我刪除鏈接2.html的類/代碼，link-1.html的作品。有任何想法嗎？謝謝 –

如果這是您發佈的完整代碼，它仍然缺少一些關閉標籤。該鏈接應該可以工作，因爲它似乎也在你的代碼片段的輸出中工作。 –

如何添加不同的鏈接到標題中的兩個圖像

回答

相關問題