Hintergrundbild Problem

[winnetou]

Hallo,
ich habe ein kleines Problem mit dem Hintergrund. Wenn ich das Forum mit F5 aktualisiere wird kurz ein weißer Hintergrund angezeigt. Kann ich das irgendwo ändern?

http://www.spielsucht-neindanke.com/forum

Lg
Jürgen

[roum]

Hallo,
der Hintergrund hat so lange die Farbe weiss bis dein Hintergrundbild fertig geladen ist. Du kannst dem body eine Hintergrundfarbe in deinem braun/beigen Farbton zuweisen, dann wird der Hintergrund in dem kurzen Zeitraum diese Farbe haben.

[winnetou]

Hallo roum,
ich habe den Hintergrund nun Farbig gemacht, aber die Seite bleibt trotzdem kurz weiß.

Code: Alles auswählen

}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #905000;
        background-color: #FFFAED;
	background-image: url(http://www.spielsucht-neindanke.com/image001.jpg);
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}

Lg
Jürgen

[roum]

Hi Jürgen,
in dem Quelltext deiner Seite ist einiges "verbastelt".

Du hast da Seiteninhalt im Head Bereich platziert, der eigentlich erst im Body Tag anfangen sollte. Dazu sind in diesem Teil Überreste oder eine unvollständige Tabelle zu finden.
Folgendes sollte erst im Body deiner Seite platziert werden.

Code: Alles auswählen

<br><br><tr>
<td>
<p align="center"><img src="http://www.spielsucht-neindanke.com/Indianertransp.gif" width="85" height="100"/><a href="http://www.spielsucht-neindanke.com">
<img src="http://www.spielsucht-neindanke.com/spielsuchtlogo.png" width="468" height="60"></a><img src="http://www.spielsucht-neindanke.com/Indianertransp.gif" width="85" height="100"/></td>
</tr><br><br>

<center><a href="./ucp.php?mode=login" title="Anmelden" accesskey="l"><img border="0" src="http://www.spielsucht-neindanke.com/anmeldebutton.JPG"></a>
<a href="http://www.spielsucht-neindanke.com/forum/ucp.php?mode=register"><img border="0" src="http://www.spielsucht-neindanke.com/regbutton.JPG"></a><a href="http://www.spielsucht-neindanke.com/forum/ucp.php?i=pm&folder=inbox"><img border="0" src="http://www.spielsucht-neindanke.com/nachrichtenbutton.JPG"></a><a href="http://www.spielsucht-neindanke.com/forum/faq.php"><img border="0" src="http://www.spielsucht-neindanke.com/faqbutton.JPG"></a><a href="http://www.spielsucht-neindanke.com/forum/search.php"><img border="0" src="http://www.spielsucht-neindanke.com/suchebutton.JPG"></a><a href="http://www.spielsucht-neindanke.com/forum/memberlist.php"><img border="0" src="http://www.spielsucht-neindanke.com/mitgliederbutton.JPG"></a><a href="http://www.spielsucht-neindanke.com/forum/ucp.php"><img border="0" src="http://www.spielsucht-neindanke.com/profilbutton.JPG"></a><a href="http://www.spielsucht-neindanke.com"> </a></center></p>
<br>

Das tr und das td am Anfang solltest du weglassen oder wenigstens in ein table packen und die entsprechenden Tags auch wieder schliessen.
Die Zeilenumbrüche solltest du so definieren:

Code: Alles auswählen

<br />

Ich könnte mir auch vorstellen das dieses "Chaos" die Ursache für dein Login/Logout Problem ist

[winnetou]

Hallo roum,
danke für den Hinweis. Ich bin noch Anfänger.
Jetzt habe ich einiges verändert und der weiße Hintergrund ist weg,freu.
Wenn Dir noch Fehler auffallen, ich bin für jeden Hinweis Dankbar....

Lg
Jürgen

[piero]

du kannst dein forum ja mal durch den w3c validator durchlassen. der wird dir alle fehler auflisten, die in deinem style bestehen
selbiges gilt für die css datei: css validator

[winnetou]

Hallo piero,
den css link habe ich mal angeklickt und diese Fehler hat er gefunden:

336 .catdiv Einlese-Fehler scroll top left
337 background-color Einlese-Fehler background-color: #FFF1D2;
339 .rtl .catdiv Einlese-Fehler scroll top right
340 background-color Einlese-Fehler background-color: #FFF1D2

Verstehe ich aber nicht ganz, warum sind die Farbangaben Falsch? Und die anderen beiden Fehler, da habe ich selbst garnichts verändert.

Und wo teste ich den Quelltext?

Lg
Jürgen

[piero]

den quelltext kanst du hier testen: http://validator.w3.org/check?uri=http% ... ne&group=0

das was da bemängelt wird ist das hier:

Code: Alles auswählen

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	repeat-y scroll top left;
}background-color: #FFF1D2;
.rtl .catdiv {
	repeat-y scroll top right;
}background-color: #FFF1D2;

richtig sollte es aber sein:

Code: Alles auswählen

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	repeat-y: scroll top left;
	background-color: #FFF1D2;
}
.rtl .catdiv {
	repeat-y scroll top right;
	background-color: #FFF1D2;
}

[roum]

Hi, sehr schön.

Wenn Dir noch Fehler auffallen, ich bin für jeden Hinweis Dankbar....

Ich hab deine Seite mal mit dem W3C Validator getestet und der hat so einiges zu meckern (das ist aber auch sein Hobby).
Das meisste davon sind html Kleinigkeiten die sich leicht korrigieren lassen.

Hier mal ein kleiner Teil deines Quellcodes als Beispiel:

<p align="center"><br>
<center>
<a href="http://607318.guestbook.onetwomax.de/" target="_blank">
<img border="0" src="http://www.spielsucht-neindanke.com/gae ... button.png
"></a>
</center>
</p>
<br>

Das sollte eher so aussehen:

<p align="center">
<br />
<center>
<a href="http://607318.guestbook.onetwomax.de/" target="_blank">
<img border="0" src="http://www.spielsucht-neindanke.com/gae ... button.png" alt=""></img>
</a>
</center>
</p>
<br />

Wenn du nur diese 3 Kleinigkeiten (nicht geschlossene img-Tags, nicht konforme Zeilenumbrüche & fehlende Alternativtexte bei Grafiken) in deinem Header bzw. deinem Menü beachtest sollte der Validator wesentlich weniger Fehler melden.

[piero]

Das sollte eher so aussehen:

<p align="center"><br />
<center><a href="http://607318.guestbook.onetwomax.de/" target="_blank">
<img border="0" src="http://www.spielsucht-neindanke.com/gae ... button.png" alt=""></img></a></center></p><br />

wieso machst du <img></img> ?
eleganter wäre doch <img /> weil da sowieso nichts dazwischen kommt...
also mein vorschlag ist so:

<p align="center"><br />
<center><a href="http://607318.guestbook.onetwomax.de/" target="_blank">
<img border="0" src="http://www.spielsucht-neindanke.com/gae ... button.png" alt="" /></a></center></p><br />