Seite 1 von 2
Hintergrundbild Problem
Verfasst: 16.11.2008 14:18
von 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
Verfasst: 16.11.2008 19:53
von 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.
Verfasst: 16.11.2008 21:33
von 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
Verfasst: 16.11.2008 23:30
von 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:
Ich könnte mir auch vorstellen das dieses "Chaos" die Ursache für dein Login/Logout Problem ist
Verfasst: 16.11.2008 23:52
von 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
Verfasst: 17.11.2008 00:02
von 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
Verfasst: 17.11.2008 00:24
von 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
Verfasst: 17.11.2008 00:29
von 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;
}
Verfasst: 17.11.2008 00:30
von 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:
Das sollte eher so aussehen:
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.
Verfasst: 17.11.2008 00:33
von piero
roum hat geschrieben:Das sollte eher so aussehen:
wieso machst du <img></img> ?
eleganter wäre doch <img /> weil da sowieso nichts dazwischen kommt...
also mein vorschlag ist so:
