Seite 1 von 1

Logo in Prosilver zentrieren

Verfasst: 08.03.2010 16:32
von Kuchipatchi
Hallo zusammen.

Ich habe schon alle Themen hier durchstöbert zum Thema aber komme nicht weiter.
In der overall_header.html habe ich folgendes gemacht.
Als erstes die Suchbix heraus genommen und die Beschreibung der Seite auch.
Jetzt sieht das ganze so aus

Code: Alles auswählen

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
				<p><a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a></p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<span class="corners-bottom"><span></span></span></div>
		</div>
Mir ist aber immer noch nicht bewusst, wie ich das ganze Zentrieren kann.
Danke schonmal vorab

Gruß Leon

Re: Logo in Prosilver zentrieren

Verfasst: 13.03.2010 14:24
von JFooty
Kuchipatchi hat geschrieben:Mir ist aber immer noch nicht bewusst, wie ich das ganze Zentrieren kann.
Das steuerst du per CSS.
Du hast dich ja entschlossen, die Suchbox komplett zu entfernen.
Zunächst entfernst du für div id="site-description" den Textfluss und die Breitenangabe.
Finde in der common.css und entferne (oder kommentiere aus):

Code: Alles auswählen

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}
Jetzt zentrierst du das Logo.
Finde in der common.css:

Code: Alles auswählen

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

Code: Alles auswählen

#logo {
	display: block;
	width: auto;
	padding: 10px 13px 0 10px;
	text-align: center
}
Wie immer gilt KB:169 beachten.

Re: Logo in Prosilver zentrieren

Verfasst: 21.03.2010 10:50
von Tari_Narmolanya
Vielen Dank JFooty, mir hat das sehr geholfen.