Logo positionieren bei Theme Modern Orange

**Kuh127** · 06.02.2011, 20:09

Hallo zusammen,
ich habe mich gerade mit Contao angefreundet und bastle an unserer Website. Derzeit verwende ich das Theme "Modern Orange". Unser Logo einzubinden war kein Problem, aber leider finde ich nirgendwo im Theme die Stelle, an der ich die Positionierung ändern kann.
Kann mir vielleicht hier jemand weiterhelfen?

Herzlichen Dank und viele Grüße
Kuh127

**wiese** · 06.02.2011, 20:19

http://www.contao-themes.com/modern_orange/

Code:

#t1902e7bbe594410c2 {
top: 42px;
position: absolute;
margin-left: 24px;
}

Hast du deine Seite irgendwo online?

Kleiner Tipp: Lad dir mal Chrome, Safari (oder Firefox + Firebug).

**Kuh127** · 06.02.2011, 20:34

Hallo. Herzlichen Dank für die schnelle Antwort.
Das ist ja echt klasse hier.

Die Baustelle unserer Seite ist derzeit unter www.baustelle.unser-zeltlager.de
zu finden.

Nach etwas Ausprobieren hab ich es jetzt geschafft... - herzlichen Dank.
So ein Feuerkäfer ist doch toll!

**wiese** · 07.02.2011, 07:49

Sitzt noch nicht ganz richtig, dein Quellcode scheint falsch zu sein!

HTML-Code:

<div id="logo">
<a href="http://www.baustelle.unser-zeltlager.de" title="Company logo"><img src="tl_files/modern_orange/images/logo ejbk.png" style="width: 158px; border-top-width: 11px; height: 134px; margin-left: 0px; margin-bottom: 1px; margin-top: -40px;">alt="Company logo" /&gt;</a>
</div>

zu

HTML-Code:

<div id="logo">
<a href="http://www.baustelle.unser-zeltlager.de" title="Company logo"><img src="tl_files/modern_orange/images/logo ejbk.png" alt="Company logo"  /></a>
</div>

Und den Text "Company Logo" solltest du ändern

Außerdem kannst du über

HTML-Code:

#logo img { width: 158px; border-top-width: 11px; height: 134px; margin-left: 0px; margin-bottom: 1px; margin-top: -40px; }

die CSS Elemente noch ausgliedern - Wobei ich die Befehle noch mal überdenken würde. Insgesamt kannst du dein Logo mittels der ID #logo komplett positionieren..

**Kuh127** · 07.02.2011, 19:07

Herzlichen Dank für deine Hilfe. Man findet hier wirklicha uf fast jede Frage eine Antwort.

Allerdings habe ich zu deinen Codes noch ein paar Fragen:
Wenn ich den von dir vorgeschlagenen Codeschnipsel einbaue,

Code:

<div id="logo">
<a href="http://www.baustelle.unser-zeltlager.de" title="Company logo"><img src="tl_files/modern_orange/images/logo ejbk.png" alt="Company logo"  /></a>
</div>

dann ist das Bild wieder verrutscht.
Ich finde keine andere Lösung, die Positionsangaben einzutragen als eben über den von Firebug gelieferten Code.

Deinen Vorschlag, die CSS-Elemente auszugliedern, verstehe ich so, dass ich ein neues Frontend-Modul mit eigenem HTML anlege und dann den Codeschnipsel reinkopiere. Ist das so richtig?

Welche Befehle sollte ich nochmal überdenken?

Sorry für die doofe Fragen.

Herzliche Grüße
Kuh127

**wiese** · 07.02.2011, 23:51

Kann sein, dass ich einen Fehler gemacht habe. Für mich sieht es so aus, als ob du über div style="css-code" dein logo verschiebst.

du könntest aber in der css datei nach der entsprechenden #logo { ... css code ... } Stelle suchen und dort die Befehle eintragen. Vielleicht schreibt hier jemand anders noch mal was dazu, oder du stellst uns einen link zur Verfügung - dann kann man das besser beurteilen.