Xabbblue: Site_Logo im Header "versetzen"?

[Sunny]

Hallöchen, leider kenne ich mich mit CSS nicht so wirklich gut aus und finde den Befehl nirgends, vielleicht kann mir jemand helfen.

Also: Ich habe meinem Forum den Style Xabbblue hinzugefügt. So weit so gut.
Als nächstes habe ich das Logo oben durch unser eigenes Logo ersetzt. Hat auch geklappt. Nun das Problem:
Wie man ja auf der Seite http://www.xa-media.com/forum/viewtopic ... lue#p46070 sieht ist das
XA.Media.com Logo nicht ganz links sondern einige Zentimeter Richtung Mitte.

Und das Gleiche gilt natürlich auch für unser Logo, das ich nun eingesetzt habe. Ich hätte es aber gerne "ganz" links - wo / wie kriege ich das hin - ich habe keinen Befehl "margin-left" im Zusammenhang mit dem Logo gefunden - was muss ich stattdessen ändern?

Danke schonmal .

[JFooty]

Als erstes korrigiere in der overall_header.html mal folgende Stelle:

Code: Alles auswählen

<div class="headerbar">
		 <div id="wrap">
			<div class="inner">
			
			<div id="site-description">

So ist es richtig:

Code: Alles auswählen

<div id="wrap">
		 <div class="headerbar">
			<div class="inner">
			
			<div id="site-description">

Alles andere (Breite, Abstände) regelst du an dieser Stelle in der common.css:

Code: Alles auswählen

#wrap {
	padding: 0px 20px;
	min-width: 650px;
	width: 860px;
	margin: 0 auto;
}

Nach den Änderungen Template bzw. Theme des Styles im ACP aktualisieren nicht vergessen.

[Sunny]

Erstmal dankeschön, aber dann rutscht irgendwie alles in die Mitte zusammen - also der Header und rechts und links ist weiß, das ist nicht so ganz das, was ich will. Ich will ja nur das Logo weiter links haben, sonst nix. Und das bringe ich damit nicht hin, auch nicht, wenn ich in der CSS etwas ändere.

Alles andere kann ja genau so bleiben - da müsste es doch einen Weg geben nur das Logo weiter nach Links zu setzen?

[JFooty]

... aber dann rutscht irgendwie alles in die Mitte zusammen - also der Header und rechts und links ist weiß,

Das ist eigentlich auch so gewollt.
Jetzt kommt es darauf an was du willst.
a) Header über die komplette Breite und den Forumbereich mit Abstand links und rechts oder
b) Heaer und Forumsbereich über die komplette Breite

Lösung für a):
Öffne die overall_header.html und finde:

Code: Alles auswählen

<div class="headerbar">
		 <div id="wrap">
			<div class="inner">
			
			<div id="site-description">	
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>			
				<h1>{SITENAME}</h1>

				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			
			</div>
		 </div>
		</div>

Ersetze mit

Code: Alles auswählen

<div class="headerbar">
			<div class="inner">
			
			<div id="site-description">	
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>			
				<h1>{SITENAME}</h1>

				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			
			</div>
		 </div>

Lösung für b):
Führe die Änderungen wie in meinem vorherigen Post durch aber in der common.css reicht dann:

Code: Alles auswählen

#wrap {
   padding: 0px 20px;
   min-width: 650px;
   margin: 0 auto;
}

[JFooty]

... aber dann rutscht irgendwie alles in die Mitte zusammen - also der Header und rechts und links ist weiß,

Das ist eigentlich auch so gewollt.
Jetzt kommt es darauf an was du willst.
a) Header über die komplette Breite und den Forumbereich mit Abstand links und rechts oder
b) Header und Forumsbereich über die komplette Breite

Lösung für a):
Öffne die overall_header.html und finde:

Code: Alles auswählen

<div class="headerbar">
		 <div id="wrap">
			<div class="inner">
			
			<div id="site-description">	
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>			
				<h1>{SITENAME}</h1>

				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			
			</div>
		 </div>
		</div>

Ersetze mit

Code: Alles auswählen

<div class="headerbar">
			<div class="inner">
			
			<div id="site-description">	
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>			
				<h1>{SITENAME}</h1>

				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			
			</div>
		 </div>

Lösung für b):
Führe die Änderungen wie in meinem vorherigen Post durch aber in der common.css reicht dann:

Code: Alles auswählen

#wrap {
   padding: 0px 20px;
   min-width: 650px;
   margin: 0 auto;
}

[Sunny]

Sorry, dass ich mich erst jetzt wieder melde, war leider "internet-verhindert".

Nun werde ich das mal gleich ausprobieren - mal schauen, ob ich es hinbringe. Diesmal melde ich mich schneller, danke nochmal .

Edit: Danke, hat wunderbar geklappt soweit.

Nun noch eine letzte Frage: Das Logo sitzt links - gut. Aber es sitzt am unteren Rand des blauen Headers und ich möchte es mehr mittig.
Habe schon verschiedene Parameter geändert, bzw. ein "horizontal-align" versucht einzufügen, aber ohne Erfolg.

Leider alles sehr schwierig, wenn man nur html kann .

Edit: Erledigt, habe durch Stöbern im Forum hier "Firebug" entdeckt - absolut hilfreich.