CSS Anfänger Frage im Andreas08 Theme  Unten

  • Servus CSS Profis!
    Ich hab mal ne Anfänger Frage. Und zwar will ich im Andreas08 Header links neben den Sitename & Slogan ein Logo einbinden.
    Also in der header.html.twig innerhalb des divs "theme_header" den img link hinzugefügt. Leider ist nach dem Bild ein Linebreak, so dass der Sitename und Slogan in die zweite Zeile rutscht. Da der header ne feste Höhe von 110px hat, sieht man jetzt nix mehr.
    Hat jemand nen Vorschlag wie man Bild und Sitename in EINE Zeile bekommt?

    Hier mal HTML und dazu gehöriges CSS.

    Code

    <div id="theme_header">
                    <img src="/themes/Andreas08Theme/Resources/public/images/logo.png" width="100" height="100" alt="Logo">
            ...
                    <h1 class="title">{{ adminPanelMenu() }} <a href="{{ pagevars.homepath }}">{{ getModVar('ZConfig', 'sitename') }}</a></h1>
                </div>


    Code

    #theme_header {
        height: 110px;
        margin: 0 1px 1px 1px;
        background: #467aa7;
        overflow: hidden;
    }


    Freue mich über Tips.
    Danke

    Gruß Sebastian
  • Moin ....

    sieht irgendwie alles schräg aus .... icon_wink

    Der H1-Tag beginnt aber immer einen neuen Absatz und das ist ja dein Kernproblem.

    ohne CSS kannst du das vermutlich schon mit einem

    Code

    <span> <h1 .... > </span>
    als Inline-Element richten.

    Alternativ entsprechend die Elemente mittels CSS und float ausrichten.

    Wenn aber css ist es eleganter den

    Code

    <a - Tag>
    über CSS zu stylen. Ohne H1 zu nutzen.

    VG
    Ashnod



    Bearbeitet von ashnod am 23. Dez 2016 - 14:14.
  • Du könntest dem Bild ein class="pull-left" geben, damit es nach links floatet...

  • Danke für die Tips.
    Ich habe erst mal den H1 Tag raus genommen und die Headline übers CSS gestylet.
    Axels Vorschlag schaue ich mir zu Lernzwecken auch noch mal an.
    Gruß

    Gruß Sebastian
  • 0 Benutzer

Diese Angaben basieren auf den Useraktivitäten der letzten 30 Minuten.