Vielen Dank für Deine Hilfe!
Zitat von
ciaobello
In der Demo ist der Header die ID und das Logo ist eine Klasse!
Stimmt, da hast Du Recht! Ich hatte den Code oben nur beispielhaft geschrieben (in meiner Produktiv-Version war er korrekt).
Nun ja, in der Academy-Demo ist das Logo direkt im HTML per img-Tag eingebunden:
HTML-Code:
<a href="{{env::path}}" class="logo">
<img src="files/contaodemo/theme/img/logo.png" alt="Contao Demo">
</a>
Ich möchte die Einbindung des Logos jedoch lieber per CSS lösen (Flexibilität). So schaut es nun aus und funktioniert korrekt:
HTML:
HTML-Code:
<!-- indexer::stop -->
<div class="Header_Logo"><a href="{{env::path}}">{{page::rootTitle}}</a></div>
<!-- indexer::continue -->
CSS:
Code:
*/
.Header_Logo { width: 40%;
height: 100%;
margin-left: -10%; }
.Header_Logo { display: block;
width: 100%;
height: 100%;
text-indent: -99999px;
background-image: url("blabla.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
Viele Grüße
KloBoBBerLe
Lesezeichen