Frage zum Wiki-Artikel „header“

[Flo]

Hallo,

ich hoffe ich bin hier überhaupt richtig.

ich baue einen shopify shop und habe dort folgenden code:

<!--//== Header Section Start  ==//-->
<div class="middle-header-section headers_designs_2">
    <div class="container">
        <div class="middle_headers_box">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div id="site-logo" class="style_2">
                        <div class="template-logo" style="margin-right:{{settings.logo_margin_right | plus:0 | append:'px'}};margin-top:{{settings.logo_margin_top | plus:0 | append:'px'}};margin-left:{{settings.logo_margin_left | plus:0 | append:'px'}};margin-bottom:{{settings.logo_margin_bottom | plus:0 | append:'px'}};">
                            <a href="{{shop.url}}" title="{{ shop.name | escape }}">
                            {% if settings.snow_logo %}<span class="snow"></span>{% endif %}
                            {% if settings.logo_image == "logo.png" %}
                            <img class="img-responsive normal_logo" src="{{ 'logo.png' | asset_url }}" alt="{{ shop.name | escape }}"{% if settings.logo_image_width != blank %} style="width:{{settings.logo_image_width | plus:0 | append:'px'}}" {% endif %} />
                            {% else %}
                            {{ settings.logo_text | escape }}
                            {% endif %}
                            {% if settings.logo_image == "logo.png" and settings.logo2x_image_enable %}
                            <img class="img-responsive retina_logo" src="{{ 'logo2x.png' | asset_url }}";  alt="{{ shop.name | escape }}" style="width:{{settings.retina_logo_width | plus:0 | append:'px'}};max-height:{{settings.retina_logo_height | plus:0 | append:'px'}}; height: auto !important;" />
                              {% endif %}
                            </a>
                        </div>
                    </div>
                </div>

ich möchte dort mit folgendem code neben dem im obrigen code angegebenen logo ein weiteres bild eingeben

<div class="trust-badge"><img src="https://cdn.shopify.com/s/files/1/0022/0987/3975/files/Trust_Badges.png?17921592326934639190"/></div>

egal wo ich es eingebe es kommt entweder nur über dem obrigen logo oder darunter. ich brauche es aber unbedingt daneben.

geht das?

LG Flo

[Gunnar Bittersmann]

@@Flo

habe dort folgenden code:

Sieben ineinander geschachtelte div – Code aus der Hölle.

<div class="trust-badge"><img src="https://cdn.shopify.com/s/files/1/0022/0987/3975/files/Trust_Badges.png?17921592326934639190"/></div>

egal wo ich es eingebe es kommt entweder nur über dem obrigen logo oder darunter.

Weil div ein Blockelement ist.

ich brauche es aber unbedingt daneben.

geht das?

Geht. Füge das img-Element ohne das div außenrum ein.

LLAP 🖖