Belchertown skin Index_hook_after_forecast.inc

[Stefan Gliessmann]

I am trying to display an image next to the weather warn message from the dwd weewx extension.

However, this is what I get (above each other and not next to each other):

This is the content of the inc file:

<br>

<div class="container">

  <div class="row">

    <div class="col">

      <a href="https://www.dwd.de/DWD/warnungen/warnstatus/SchilderHA.jpg"><img src="https://www.dwd.de/DWD/warnungen/warnstatus/SchilderHA.jpg" width="40%" height="40%"></a>

    </div>

    <div class="col">

      #include raw "dwd/warn-HI.inc"

    </div>

  </div>

</div>

Any hint would be highly appreciated!

TIA,

Stefan

[Stefan Gliessmann]

I solved it this way (after reading up on bootstrap):

<div class="row eq-stats-row">         

   <br>

   <!-- DWD Warnstatus -->

    <div class="row">

      <div class="col-md-6 col-sm-12 stn-quick-stats border-right">

       <div class="stats-title">

         <a href="https://www.dwd.de/DWD/warnungen/warnstatus/SchilderHA.jpg"><img src="https://www.dwd.de/DWD/warnungen/warnstatus/SchilderHA.jpg" width="150%" height="150%"></a>

        </div>

       </div>

      <div class="col-md-6 col-sm-12 stn-quick-stats border-left">

       <div class="stats-title">

         #include raw "dwd/warn-HI.inc"

       </div>

      </div>

    </div>

     <br>

</div>