如何让图像的按钮一侧

我有一个页面，我想在图像上显示按钮的一面，因此它看起来像图像按钮，所以作为一个循环，暗示下载，但我是不擅长CSS，我尝试了如下，但它不能解决我的要求。可以任何人调整我的代码。提前感谢。如何让图像的按钮一侧

<section id="content" class="smPaddingTop60"> 
    <div class="content-wrap"> 
     <div class="container clearfix"> 
      <div class="nobottommargin"> 
       <div> 
        <div class="pressImg col-xs-12 col-sm-6 col-md-3"> 
         <img img-cache ng-src="images/press/launchad_winners.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
        </div> 
        <button class=" col-xs-12 col-sm-6 col-md-3 btn btn-success" data-ng-click="closePotentialModel()"> 
         <a target="_BLANK" href="https://app.hubspot.com/meetings/troy-martin"><span style="color:white;">Schedule a Meeting</span></a> 
        </button> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache ng-src="images/press/xpertdox_logo_text.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo_text_blue.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div>

来源

2017-02-18 striker

您为我们提供了字面上没有CSS的。 – user6003859

我没有使用n =任何CSS我希望这些图像一个接一个地作为列表。 – striker

如果你不想使用任何CSS，做一个列表的唯一方法就是实际制作一个列表（使用'ul'或'ol'）。 – bfontaine

也许这？

img.the-image-class + .the-button-class { 
    display: block; 
    margin-top: -20px; /* to move button 20px above from original position */ 
}

来源

2017-02-18 06:50:19 Fal

看output我认为HTML没有格式化好。

<section id="content" class="smPaddingTop60"> 
    <div class="content-wrap"> 
     <div class="container clearfix"> 
      <div class="row"> 
       <div class="pressImg col-xs-6 col-sm-6 col-md-6"> 
        <img img-cache ng-src="images/press/launchad_winners.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
       </div> 
       <div class="col-xs-6 col-sm-6 col-md-6 "> 
        <button class="btn btn-sm btn-success" data-ng-click="closePotentialModel()"> 
         <a target="_BLANK" href="https://app.hubspot.com/meetings/troy-martin"><span style="color:white;">Schedule a Meeting</span></a> 
        </button> 
       </div> 
      </div> 
      <hr /> 
      <div class="imgContainer"> 
       <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
      </div> 
      <hr /> 
      <div class="imgContainer"> 
       <img img-cache ng-src="images/press/xpertdox_logo_text.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
      </div> 
      <hr /> 
      <div class="imgContainer"> 
       <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo_text_blue.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 
      </div> 
     </div> 
    </div> 
</section>

来源

2017-02-18 06:56:14

May be like this, 

<section id="content" class="smPaddingTop60"> 
    <div class="content-wrap"> 
     <div class="container clearfix"> 
      <div class="nobottommargin"> 
       <div class="clearfix"> 
        <div class="pressImg col-xs-12 col-sm-6 col-md-3"> 
         <img img-cache ng-src="images/press/launchad_winners.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 

        </div> 
        <button class=" col-xs-12 col-sm-6 col-md-3 btn btn-success" data-ng-click="closePotentialModel()"> 
         <a target="_BLANK" href="https://app.hubspot.com/meetings/troy-martin"><span style="color:white;">Schedule a Meeting</span></a> 
        </button> 
        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners"> 

        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache ng-src="images/press/xpertdox_logo_text.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners" > 
        </div> 
        <hr> 
        <div class="imgContainer"> 
         <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo_text_blue.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners" > 
        </div> 




      </div> 
     </div> 
    </div> 
    </section>

来源

2017-02-19 04:51:13 Piyali

如何让图像的按钮一侧

回答

相关问题