Probleme auf Seite für den Mainchat

Nightrider · #1 (**permalink**) 06.01.2007, 23:50

Guten Abend,

ich habe letzte Nacht damit verbracht, eine optisch gute Seite für die Anmeldemaske unseres Mainchats zu machen. Soweit so gut.

Wenn man die Seite beim Mainchat auflädt, dann fügt der Server eine Tabelle auf der Seite hinzu, mit der sich der User im Chat einloggen kann, bzw. anmelden kann. Nun sieht das auf meiner Seite nicht sehr schön aus, weil 1. die Tabelle viel zu breit ist, sich über die ganze Seite hinwegzieht. Diese würde ich gerne kleiner machen und unter der Tabelle steht das Impressum des Mainchats, was eine viel zu grosse Schriftgrösse aufweist.

Ich habe weder auf die Tabelle, noch auf die Schriftgrösse, die vom Mainchat beim Aufladen hinzugefügt wird Einfluss. Besteht die Möglichkeit, beide Dinge in der css Datei zu bearbeiten so dass die Tabelle und die Schrift kleiner werden?

Es ist meine erste Seite, die ich mit css erstellt habe, bitte daher um Nachsicht. Falls es erforderlich ist, um das Problem zu lösen, kann ich auch gerne den Link nennen, da es sich hier um einen Testchat handelt. Bin echt dankbar, wenn ich etwas Hilfe bekomme.

Lloyd Larkin · #2 (**permalink**) 07.01.2007, 00:47

Hallo, willkommen. Deine beiden Probleme sollten einfach zu lösen sein, aber ohne dem Code der Seite - vor allem dem Code der vom Server geschickt wird - kann ich dir nicht wirklich helfen.

Wird die Tabelle mit einer id oder class geliefert?
Ist es ansonsten die einzige Tabelle und wird das so bleiben?
In welchen Elementen wird der Text darunter geliefert?
Gibt es sonst noch Text auf der Seite?
Wenn ja, passen die restlichen Schriftgrössen?
usw.

Dann musst du dir eine Möglichkeit aussuchen, wie du die betroffenen Elemente über dein Stylesheet ansprechen kannst.

Edit: Ja, Link wäre natürlich sehr praktisch.

Nightrider · #3 (**permalink**) 07.01.2007, 01:15

Hallo,

ja, der Link lautet psych.mainchat.de ... aber bitte echt nicht lachen, weil es ist das erste Mal, dass ich Cascading Style Sheet überhaupt ausprobiert habe. Meine Fähigkeiten liegen eher im grafischen Bereich. Ich habe die Seite sowieso erst mal auf einen Testchat hochgeladen.

Beim Mainchat habe ich gesehen, dass es eben gehen muss, die Tabelle, die der Server liefert kleiner zu machen. Ein Beispiel wäre diese Seite hier, wobei ich da leider nicht schlau draus werde, wie das gemacht wurde Bertungszentrum-Wien . Danke.

Lloyd Larkin · #4 (**permalink**) 07.01.2007, 01:56

Okay, die Tabelle liefert zwar nicht direkt eine id mit, aber ich würde dir empfehlen eine Container div um das eingebundene Script zu legen, dem gibst du dann eine id und kannst somit die Tabelle und den Text ansprechen.
Also:

Code:

 
<div id="chat">
   <table>
      CHAT TABELLE
   </table>
   <div [unschöner Code vom Script]><p>Impressum vom Chat</p></div>
</div>

und im CSS:

Code:

 
#chat table {
   width: 50%; /* oder welche Breite auch immer */
   margin: 0 auto; /* Tabelle zentrieren */
}
#chat p {
   font-size: 80%; /* 80% der aktuellen Schriftgrösse */
}

Alles klar?

Nightrider · #5 (**permalink**) 07.01.2007, 02:07

Vielen Dank, dass versuche ich morgen direkt mal. Ich hoffe das es klappt. Es war heute sowieso problematisch die Seite beim Mainchat aufzuladen, weil mir jedes mal der link zur css Datei aus dem Head entfernt wurde. Nachher bin ich dann drauf gekommen, dass ich ihn auch in den Body reinschreiben kann.

Und ... ich hoffe, dass das mit der Tabelle geht, weil wenn man die Anmeldemaske vom Chat verändern will, dann schreibt man seine Seite und dann muss man das Wort "mainchat" auf der Seite einfügen. Danach dürfen nur noch </body> und </html> folgen. Beim Aufladen funktioniert das wohl so, dass der Server das Wort "mainchat" erkennt und ab dort seine Tabellenzeile einfügt.

Lloyd Larkin · #6 (**permalink**) 07.01.2007, 02:22

Das Stylesheet im <body> einzubinden mag zwar funktionieren, valide ist es allerdings nicht. Genau wie

Code:

BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#238E23" ALINK="#238E23"

, wobei es da wieder auf den Doctype ankommt, der bei dir auch fehlt

Es sei denn auch der Head wird vom mainchat generiert. Dann ist das natürlich nicht dein Fehler und ich würde mir einen anderen Chat suchen... was ich, wenn ich mir den mainchat genau ansehe sowieso machen würde. Ich bin sicher es lassen sich genügend Alternativen finden, die du sogar beliebig verändern kannst.

Solche Web-Anwendung (ohne Doctype, fixe (manipulative) Meta-Angaben, völlig veraltetes Markup, falsch verschachtelte Elemente etc.) haben heutzutage nach meiner Meinung keine Daseinsberechtigung mehr.

Aber dennoch, viel Erfolg und lass dich durch mein Posting auf keinen Fall entmutigen!

Nightrider · #7 (**permalink**) 07.01.2007, 02:36

Zitat:

Zitat von Lloyd Larkin

Das Stylesheet im <body> einzubinden mag zwar funktionieren, valide ist es allerdings nicht. Genau wie

Code:

BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#238E23" ALINK="#238E23"

Haja ... das ist eins der Probleme. Beim Aufladen hat der Server die Bodyeigenschaften mit eingefügt. Warum das so gemacht wird, weiss ich nicht. Und ohne, dass ich den Link zur css Datei nicht in den body geschrieben hätte, hätte es gar nicht geklappt.

Es gibt bessere Chats als den Mainchat ... aber dieser ist nun seit 2 Jahren am Laufen und es sind fast 200 User angemeldet und die Seite wird ca. 100 Mal am Tag aufgerufen. Ich weiss nicht, ob es eine gute Idee wäre ... damit umzuziehen.

Danke für die Hilfe.

Nightrider · #8 (**permalink**) 07.01.2007, 14:16

Diese Zeilen werden vom Chatserver auf der html Seite eingefügt:

Code:

<div id="extraDiv1"><span></span></div>
<div id="<p>.</p><P><BIG><p></p></BIG></P>
<table border=0 cellpadding=0 cellspacing=0><tr><td align="left"><script language="JavaScript" src="http://ad.fidion.de/oasisi-j.php?s=17&h=60&w=468"></script></td><td><IMG SRC="pics/fuell.gif" ALT="" WIDTH="4" HEIGHT="4"></td><td align="left"><script language="JavaScript" src="http://ad.fidion.de/oasisi-j.php?s=18&h=60&w=137"></script></td></tr><tr><td><IMG SRC="pics/fuell.gif" ALT="" WIDTH="4" HEIGHT="4"></td></tr></table>
<FORM ACTION="index.php" NAME="form1" METHOD="POST"><INPUT TYPE="HIDDEN" NAME="http_host" VALUE="psych.mainchat.de">
<TABLE CELLPADDING=2 CELLSPACING=0 BORDER=0 WIDTH="100%" BGCOLOR="#FCEED3">
<TR BGCOLOR="#FCEECA"><TD><FONT COLOR=#000000><B>Login in den Chat oder [<A HREF="index.php?http_host=psych.mainchat.de&aktion=neu">neu anmelden</A>][<A HREF="/index.php?http_host=psych.mainchat.de&id=&aktion=passwort_neu">Passwort vergessen?</A>]</B></FONT></TD></TR>
<TR><TD><TABLE BORDER=0 CELLSPACING=0 WIDTH=100%><TR><TD><B>Name/Nick:</B><BR><FONT SIZE=-1><INPUT TYPE="TEXT" NAME="login" VALUE="" SIZE=20></FONT></TD>
<TD><B>Passwort:</B><BR><FONT SIZE=-1><INPUT TYPE="PASSWORD" NAME="passwort" SIZE=20></FONT></TD>
<TD><B>Raum</B><BR><FONT SIZE=-1><SELECT NAME="eintritt"><OPTION SELECTED VALUE="1">Lobby
</SELECT></FONT></TD>
<TD><BR><FONT SIZE=-1><B><INPUT TYPE="SUBMIT" NAME="los" VALUE="Login"></B>
<INPUT TYPE="HIDDEN" NAME="aktion" VALUE="login"></FONT></TD>
</TR></TABLE>
<p></p></TD></TR></TABLE>
<script language=javascript>
<!-- start hiding
document.write("<input type=hidden name=javascript value=on>");
// end hiding -->
</script>
<DIV align=center><FONT SIZE=-2><P><a href="http://www.fidion.de/mainchat/" target="_top" style="color:#000000;">mainChat</a> ist ein kostenloser Service der <a href="http://www.fidion.de/" style="color:#000000;">fidion GmbH</a>, die ausdrücklich nicht für die Inhalte dieser Site und des Chats haftet.<BR>Den <a href="http://www.fidion.de/mainchat/kostenlos/" target="_top" style="color:#000000;">kostenlosen Chat</a> zum selber Einrichten gibt's genauso wie die große <a href="http://www.mainchat.de/" target="_top" style="color:#000000;">mainChat-Community</a> natürlich auch bei <a href="http://www.fidion.de/" style="color:#000000;">fidion</a>!</P></FONT></DIV>
</FORM><DIV align=center><FONT SIZE=-2>mainChat 4.13 (c) by fidion GmbH 1999-2006</FONT></DIV>
<BR CLEAR=ALL>
<BR CLEAR=ALL>
"></div>

Versucht hatte ich folgendes:

css:

Code:

#mainchat {
 width: 70%; /* oder welche Breite auch immer */
   margin: 0 auto; /* Tabelle zentrieren */
}

html:

Code:

<div id="mainchat"></div>

Das Wort "mainchat" muss man ja auf der html Seite einfügen, damit der Chatserver seine Zeilen dazuschreibt. Allerdings steht in der FAQ dass man nur am Anfang der Zeile "mainchat" schreiben soll ohne irgendwelche weiteren Befehle.

Was nun mit der Seite passiert ist ... das ganze Layout ist futsch

und die Einlog-Zeilen, die der Chatserver dazuschreibt sind von der Breite her leider auch geblieben.

Kann man das Problem vielleicht doch noch lösen? Denn bei dieser Seite aus Wien haben die das ja auch hinbekommen. Würde mich freuen, wenn mir dabei noch mal jemand behilflich ist. Danke.

Nightrider · #9 (**permalink**) 07.01.2007, 14:18

Ooooops halt, die erste Zeile beim Code gehört nicht zu den Zeilen die der Chatserver dabeischreibt, die gehört zum Layout

Code:

<div id="extraDiv1"><span></span></div>

Nightrider · #10 (**permalink**) 07.01.2007, 14:40

Ja ... und so sollte die Seite eigentlich mit Layout aussehen

MD und Psychose Chat

Das Wort "mainchat" habe ich auf der Seite jetzt nur mal so zugefügt, denn ab dort fügt der Chatserver seine Zeilen beim Aufladen ein.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seite wird auf anderem Computer falsch dargestellt	Patrick Egli	CSS	3	01.11.2009 10:40
PHP section macht Probleme	McFarlane	(X)HTML	14	18.09.2007 10:27
Shtml auf jeder Seite einbinden - counter	iVx	Serveradministration und serverseitige Scripte	1	13.09.2007 17:31
Probleme mit der Darstellung der Seite in Opera	lomtas	CSS	5	01.12.2004 22:51