Seite 1 von 2

Prosilver Hintergrund "klemmt"?

Verfasst: 20.02.2012 20:26
von Michel_61
Hallo,

würde sich mal jemand meine Seite anschauen? Link ist in der Signatur.

Wenn man zwischen der Forenansicht und dem Portal wechselt, ist in der Forenansicht der Prosilvertypische Hintergrund weg und die Farbe aus dem Menü unterhalb des Haeders zieht sich bis nach unten.
Es ist mir bislang noch garnicht aufgefallen, aber es gibt tatsächlich User die sich daran stören :oops: mal abgesehen davon das sowieso irgendwas nicht so ist wie es sein sollte.

Hat das schon mal jemand gehabt, oder weiss was zu der Problemlösung bei zu tragen?

Re: Prosilver Hintergrund "klemmt"?

Verfasst: 20.02.2012 21:08
von modernist
Hilfreich ist es generell, sich anzuschauen, ob eine Seite validiert. Deine tut es nicht. Der Validator merkt an, daß <div id="page-header"> und <div id="wrap"> nicht geschlossen wurden.

Re: Prosilver Hintergrund "klemmt"?

Verfasst: 20.02.2012 21:11
von Kirk
Hallo
Such mal in deiner overall_header.html nach:

Code: Alles auswählen

			<!-- IF not S_IS_BOT -->
					<!-- IF S_HACKLIST_ON --><li class="icon-hacklist"><a href="{U_HACKLIST}" title="{L_HACKLIST}">{L_HACKLIST}</a></li><!-- ENDIF -->
					<!-- IF S_BUGTRACKER_ON --><li class="icon-tracker"><a href="{U_BUG_TRACKER}" title="{L_BUG_TRACKER}">{L_BUG_TRACKER}</a></li><!-- ENDIF -->	
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>
				<!-- ENDIF -->
			

	</div>
Ersetze es gegen das hier:

Code: Alles auswählen

			<!-- IF not S_IS_BOT -->
					<!-- IF S_HACKLIST_ON --><li class="icon-hacklist"><a href="{U_HACKLIST}" title="{L_HACKLIST}">{L_HACKLIST}</a></li><!-- ENDIF -->
					<!-- IF S_BUGTRACKER_ON --><li class="icon-tracker"><a href="{U_BUG_TRACKER}" title="{L_BUG_TRACKER}">{L_BUG_TRACKER}</a></li><!-- ENDIF -->	
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
Sichere aber voher diese Datei!

Re: Prosilver Hintergrund "klemmt"?

Verfasst: 20.02.2012 21:51
von Michel_61
Hallo, Danke für die schnelle Hilfe,

hab die Datei editiert und dann kam Fehler in der Zeile 235 und da steht das: <div id="information" class="rules"> drin.

Es stammt aus diesem block

Code: Alles auswählen

	<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
Was heisst das, nicht geschlossen werden?

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">
				<a href="{U_PORTAL}" title="{L_PORTAL}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			
			<div id="language-select">
			<!-- BEGIN lang_avail -->
				<a href="{lang_avail.U_LANG}" title="{lang_avail.LANG_ISO}" ><img src="{lang_avail.LANG_IMG}" /></a>
			<!-- END lang_avail -->
			</div>			
Müssen da noch mehr </div> eingefügt werden?

Re: Prosilver Hintergrund "klemmt"?

Verfasst: 20.02.2012 22:15
von Talk19zehn
Hello Michel_61, mir wird keine Veränderung angezeigt. Es ist alles im Standardblau der Klasse navbar, da sie nicht geschlossen ist.
Hast du die Änderungen rückabgewickelt? Oder gar nur "offline" gecheckt? Ich sehe auch keine Veränderung im Quelltext. :-? Wurde das Template aktualisiert?

Nein, <div id="wrap"> wird im Footer geschlossen.
Viele Grüße

Edit:
Kürzen wir ab: Prüfe bitte overall_header.html

Suche

Code: Alles auswählen

	</div>
	<a name="start_here"></a>
Prüfe, ob davor jene Einträge nunmehr vorhanden sind!!!

Code: Alles auswählen

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

Aktuell gibt´s deine Seite leider nicht preis. :wink: Prüfe erneut mittels W3C-Validator.
LG

=============================
Edit 2:
Das fiel mir auf.... Tipp: Schaffe ggf. vor der *Modifikation der Flaggen etwas Platz? Ob du sie in der Index oder im Footer hast, entzieht sich meiner momentanen Kenntnis.

Code: Alles auswählen

<p style="height: 28px">
&nbsp;
</p>


oder gib *diesem einleitenden Div ein margin-top, um Abstand zum darüber gelegenen Login zu gewinnen.

Code: Alles auswählen

<div class="forabg" style="margin-top: 30px;">
Beste Grüße

Re: Prosilver Hintergrund "klemmt"?

Verfasst: 21.02.2012 10:32
von Michel_61
Hallo,

es hat wohl geklappt, Dankeschön!

Bei mir sah der code folgendermassen aus:

Code: Alles auswählen

</div>
	<a name="start_here"></a>
	<div id="page-body">
	   	<!-- IF S_NEW_DL_MESSAGE -->
			<div id="message" class="rules">
				<div class="inner"><span class="corners-top"><span></span></span>
					{NEW_DOWNLOAD_MESSAGE}
				<span class="corners-bottom"><span></span></span></div>
			</div>
		<!-- ENDIF -->	
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
Darüber befand sich der eintrag für den MChat-Mod. Die Zeilen die dort nicht vorhanden waren habe ich mir rauskopiert und darüber einkopiert. Die Anzeige war danach wieder so wie es sein sollte.
W3C kannte ich nicht, ich habs mir für den firefoxbrowser als AddOn installiert und er zeigt mir auf der Portalansich 4 und der Forenansicht 2 Fehler an. Jetzt muss ich mich noch mit dem Tool beschäftigen um raus zu finden welche Fehler es sind.
Auf jeden Fall schon mal ein dickes Danke für eure Hilfe :wink:

EDIT: Bin ehrlich gesagt ein wenig am verzweifeln, mache einen Fehler wie das fehlen einer Klammer, also aus /> mach </>, sogar für mich nachvollziehbar das es fehlte, weg und bekomm 2 Fehler neu dazu.... Mal sehen wie weit ich komme, oder neue Beiträge hier erstellen muss. Aber der Style, der funktioniert gut :grin: :wink:

Re: Prosilver Hintergrund "klemmt"?

Verfasst: 21.02.2012 11:21
von Talk19zehn
Hello Michel_61,
es klappte nicht so ganz: Bitte ließ obigen Beitrag nochmals und vergleiche bitte deine Vorgehensweise.

So sollten die Zeilen inhaltlich nach Änderung im Zusammenhang ausschauen:

Code: Alles auswählen

			<span class="corners-bottom"><span></span></span></div>
		</div>
	 </div>
	<a> name="start_here"></a>

Und das ist dein momentaner Eintrag:

Code: Alles auswählen

			<span class="corners-bottom"><span></span></span></div>
		</div>
	
	<a> name="start_here"></a>

Beste Grüße :wink:

Re: Prosilver Hintergrund "klemmt"?

Verfasst: 21.02.2012 12:11
von Michel_61
Hallo,

so hatte ich es anfänglich auch gemacht, danach mit dem W3C Validator angeschaut und dann wurde das eine </div> angemeckert. ( line 172 column 6 - Fehler: end tag for element "div" which is not open )

Und er hat mir angemeckert: ( line 174 column 21 - Fehler: document type does not allow element "a" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag ) betrifft dann die Zeile : <a name="start_here"></a>

So richtig schlau bin ich jetzt nicht draus geworden, die Hintergründe Foren- und Portalansicht stimmen jetzt auch, nur das Portal, das ist jetzt bis an den Bildrand geklemmt und steht seitlich über den Headerbereich über.

EDIT: Fehler gefunden, war ein einbaufehler von mir, beim Portal-Mod, da ist ein <--ENDIF--> in die verkehrte Zeile gerutscht, das musste zwischen die beiden unteren </div>.
Die Fehler im w3C sind auch weniger geworden, feines Tool :wink:

Re: Prosilver Hintergrund "klemmt"?

Verfasst: 22.02.2012 23:06
von Talk19zehn
Hi Michel_61, sieht doch wieder recht ansprechend aus. :wink: Den Rest schaffst du auch noch. Mir scheint im Footer "klemmt´s" noch ein wenig.
Den Abstand hinsichtlich der Flaggen würde ich zudem noch regulieren wollen (siehe oben). Sie "kleben" an der unteren Kante des Logins. Jedenfalls in meiner Darstellung im FF und IE...

Allerbeste Grüße

Re: Prosilver Hintergrund "klemmt"?

Verfasst: 23.02.2012 08:45
von Michel_61
Moin,

und vielen Dank für deine Hilfe, das mit den Flaggen und dem Abstand zum Login hab ich noch nicht hinbekommen, ich finde deine Codes dazu nicht.
Der W3C schmeisst mir immer noch ein paar Fehler raus und dabei hab ich noch andere Dinge bemerkt die nicht so sein sollten. Aber ich bin auf dem Weg....