如何添加不同的链接到标题中的两个图像

我已经添加了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的作品。有任何想法吗？谢谢 –

如果这是您发布的完整代码，它仍然缺少一些关闭标签。该链接应该可以工作，因为它似乎也在你的代码片段的输出中工作。 –

如何添加不同的链接到标题中的两个图像

回答

相关问题