Banner ist versetzt

[placki]

Hallo,
Ich habe das Banner in meinem Forum ausgetauscht über das ACP, aber jetzt ist es vesetzt.

[ externes Bild ]

Was muss ich da jetzt ändern damit es bündig mit dem Linken Rand abschließt? und natürlich auch oben abschließst?

Danke schonmal.

Die Sufu ergab keinen Treffer auf das Problem.

[Balint]

Hallo,

du kannst die Eigenschaften der Logoposition in der styles/prosilver/theme/common.css ändern:

Code: Alles auswählen

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

die Zeile mit "padding" einfach wie folgt anpassen:

Code: Alles auswählen

	padding: 0 13px 0 0;

Viele Grüße,
Bálint

[placki]

Hi danke, hab ich so ausprobiert, bringt auch was.

nur irgendwie fehlen da noch ein, zwei pixel

[ externes Bild ]

Habe Bereits die Werte alle auf 0 gesetzt nur das verändert nix. (Habs auch Aktuallisiert)

[Balint]

Hallo,

vielleicht wäre es am besten, wenn du das Logo als Hintergrund definierst (in der gleichen Datei):

Code: Alles auswählen

.headerbar {
	background-color: #12A3EB;
	background-image: url("./styles/prosilver/theme/images/bg_header.gif");
	color: #FFFFFF;
}

und deine eigentliche Grafik nach rechts "fortsetzt" - mit einer Bildbreite von mehreren 1000 Pixeln, damit sich bei höheren Bildschirmauflösungen dein Bild nicht rechts wiederholt.

Dazu müsstest du die bg_header.gif überschreiben oder die o.g. css-Definition abändern.


Viele Grüße,
Bálint

[placki]

Ah, das hat wunderbar geklappt. Nur jetzt ist das Bild abgeschnitten da die BG nur ich tippe mal knapp 25 PX hoch ist, muss ich den wert auch in der datei ändern ( wenn ja wo?) oder muss ich da was im overall header umschreiben?

[ externes Bild ]

[Balint]

Hallo,

in der oben schon erwähnten Eigenschaft .headerbar ein

Code: Alles auswählen

height: 120px;

(entsprechend deiner Grafikhöhe) hinzufügen. Evtl. gibt es da Probleme mit den abgerundeten Ecken, aber probiere das bitte erstmal.


Viele Grüße,
Bálint

[placki]

Ja hast recht das gibt dann Probleme mit den abgerundeten Ecken.
Gibts da ne möglichkeit, oder muss ich die Grafik, einfach "abgrunden"?


Gruß placki

[Balint]

Hallo,

wenn du zusätzlich in der Eigenschaft

Code: Alles auswählen

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

eine height: ...px;-Angabe einfügst, sollten die unteren Ecken wieder richtig platziert werden. Mit der px-Angabe einfach etwas herumspielen, vielleicht 1-2px mehr als die height-Angabe in der .headerbar-Eigenschaft.


Viele Grüße,
Bálint

[Dr.Death]

Sollen die abgerundeten Ecken weg ?

Wenn ja, öffne die overall_header.html

FINDE:

Code: Alles auswählen

	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

ERSETZE MIT:

Code: Alles auswählen

	<div id="page-header">
		<div class="headerbar">

FINDE:

Code: Alles auswählen

		<!-- ENDIF -->

			<span class="corners-bottom"><span></span></span></div>
		</div>

ERSETZE MIT:

Code: Alles auswählen

		<!-- ENDIF -->

		</div>