Eure Webseiten #4

**mitaki** · 23.12.2006 02:31

Scheint als hätte ich den Faden verloren. Funktioniert die ganze Abfrage jetzt also mit unserer Hilfestellung oder gibts doch noch Probleme?

**drunken monkey** · 23.12.2006 13:14

Zitat von mitaki

Scheint als hätte ich den Faden verloren. Funktioniert die ganze Abfrage jetzt also mit unserer Hilfestellung oder gibts doch noch Probleme?

Ja, das kann gut sein, ich bemühe mich ja auch nicht gerade, kurze und prägnante Sätze zu schreiben, kann dir jedoch versichern, dass jetzt alles super klappt, was auch mein noobischer

-Smiley ausdrücken hätte sollen, und dir zudem zum bessern Verständnis nochmal kurz den groben Ablauf skizzieren:

Ich habe das Skript, welches die erwähnte SQL-Query enthielt, ausprobiert und bekam die zweitgenannte Fehlermeldung ("You have an error in your SQL syntax; ...")
Ich habe, ahnungslos, was der Grund sein könnte, alle möglichen und unmöglichen Sachen durchprobiert.
Darunter auch die genannte Ersetzung von "COUNT (*)" durch "COUNT (`content`)" (beides mit dem von dir aufgedeckten Fehler).
Diese Variante produzierte aus Gründen, die mir selbst jetzt noch unklar sind, stattdessen die erstgenannte Fehlermeldung, sprich: "FUNCTION user.COUNT does not exist".
Geschockt davon, dass MySQL nun offensichtlich komplett durchdrehte, flüchtete ich durch Rücksubstitution von "`content`" durch "*" zurück zu meiner altbekannten Fehlermeldung.
Ich ging aufs Klo, um mich etwas zu beruhigen, möglicherweise habe ich auch ein oder zwei Schluck getrunken, was zwar korrekt, aber eigentlich komplett irrelevant ist.
Da sich das Problem auch auf diese Weise gestärkt nicht lösen ließ, ging ich mit meinem Problem eher widerwillig (weil ich's unnötig finde, mit jedem kleinen Problem gleich ins Forum zu rennen) an die Öffentlichkeit, wo mein MySQL-Wissen einmal mehr zwar minimal, aber dennoch entscheidend vermehrt wurde.
Nach der Anwendung dieses neugewonnenen Wissens gingen beide genannten Möglichkeiten komplett problemlos, wobei natürlich, wie schon von dir gesagt, "`content`" statt "*" die präferiernswertere ist.

Edit: So, meine Website ist jetzt fertiggestellt, dank mitaki. ^^ Die alten Gästebucheinträge sind leider futsch, was aber gleichzeitig bedeutet, dass ihr euch auch nochmal eintragen könnt. ^^'
Im Lauf der Ferien könnten aber noch ein paar Einträge im Projekte-Ordner dazukommen. ^^

**Drakes** · 14.01.2007 17:45

Hier ist meine erste Page, dich ich selber gescriptet habe

Sie läuft schon fast, wie ich sie haben will, folgende Punkte will ich ändern:
1. Jeder User soll news "posten" können. Daran muss ich mich noch setzen.
2. My Question: Ich will natürlich ü, ä, ö richtig ausgeben. Nun, wenn man auf Webmaster klickt, kommen die Umlaute auch richtig, aber rechts wird das ü nie angezeigt. Ich habe sowohl

Code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

wie auch

Code:

<?php
header('Content-type: text/html; charset=iso-8859-1');
?>

eingefügt. Was mach ich nun falsch?
Code für die Hauptseite:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
  xml:lang="de" lang="de">
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<?php
	header('Content-type: text/html; charset=iso-8859-1');
	?>
	<title>Home @ Klasse 3H</title>
	<link rel="alternate stylesheet" media="screen,projection"
	title="Standardstylesheet" href="default.css"
	type="text/css" />
	<link rel="alternate stylesheet" media="screen,projection"
	title="Alternative" href="alternative.css"
	type="text/css" />
	<link rel="stylesheet" media="screen,projection"
	title="Meines" href="meine.css"
	type="text/css" />
  </head>
  
  <body>
    <?php
		session_start();
	?>
  	<div id="box1">
		<img src="images/header.jpg" width="830" height="100" alt="" />
	</div>
  	<div id="box2">
  	<h3 style="white-space: pre">          <a href="index.php">Home</a>             <a href="galerie.php">Galerie</a>                  <a href="http://25984.rapidforum.com/" >Forum</a>                    <a href="formular_p.php">Webmaster</a> </h3>
  	
	</div>
 	<div id="box3"></div>
	<div id="box4"><h1> News: </h1></div>
 	<div id="box5">
	<?php
	if(!isset($_SESSION['username']))
	{
		echo "<form action=\"login.php\" method=\"post\">
			<p>
			<label for=\"user\"> Benützername: </label> 
			<br />
			<input type=\"text\" size=\"15\" maxlength=\"15\" name=\"user\" id=\"user\" tabindex=\"1\" /> 
			<br />
			<label for=\"Passwort\"> Passwort: </label> 
			<br />
			<input type=\"password\" size=\"15\" maxlength=\"15\" name=\"Passwort\" id=\"Passwort\" tabindex=\"2\" /> 
			<br />
			<br />
			<input type=\"submit\" value=\"Login\" tabindex=\"3\" />
			<br />
			<a href=\"registrieren.php\" tabindex=\"4\">Registrier dich!</a>
			</p>
		</form>";
	}
	else
	{
		echo "Du bist eingelogt. <br /> <a href=\"auslogen.php\" > Logout</a>";
	}
	?>
 	</div>
  </body>
</html>

**drunken monkey** · 14.01.2007 17:53

Zitat von Drakes

2. My Question: Ich will natürlich ü, ä, ö richtig ausgeben. Nun, wenn man auf Webmaster klickt, kommen die Umlaute auch richtig, aber rechts wird das ü nie angezeigt. Ich habe sowohl

Code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

wie auch

Code:

<?php
header('Content-type: text/html; charset=iso-8859-1');
?>

eingefügt. Was mach ich nun falsch?

Das Problem hatte ich auch schon. Am besten ist, du verwendest ü, etc., da geht's auf jeden Fall. ^^ Und wenn du php verwendest geht das eh ganz einfach mit
$output = htmlentities ($output);
Aber heißt es nicht ohnehin "Benutzername"? o_O

Zum Design: Hm, nicht schlecht. ^^ Sogar valide, toll!

Ich würde allerdings vielleicht noch dünne Ränder an die ganzen farbigen Flächen machen.

**Drakes** · 14.01.2007 18:08

Zitat von drunken monkey

Das Problem hatte ich auch schon. Am besten ist, du verwendest ü, etc., da geht's auf jeden Fall. ^^ Und wenn du php verwendest geht das eh ganz einfach mit
$output = htmlentities ($output);
Aber heißt es nicht ohnehin "Benutzername"? o_O

Würds da irgend ne Liste geben?

Zitat von drunken monkey

Zum Design: Hm, nicht schlecht. ^^ Sogar valide, toll!

Ich würde allerdings vielleicht noch dünne Ränder an die ganzen farbigen Flächen machen.

Irgendwie, kann ich mir das nicht vorstellen. Meinst du irgendwelche spezielle Farben, z.B. überall einfach ein bischen heller oder so?
Wieso sind die Boxen im IE so "falsch" interpretiert? Das CSS wäre:

Code:

p {
  color: black;
  background-color: transparent;
  text-align: left;
  }
p.warnung {
  color: red;
  background-color: white;
}

body { 
  font: 80%/170% Verdana, sans-serif;
}

h1 {
  font: small-caps bold 1.6em Georgia, "Times New Roman", serif;
  font-size: xx-large;
}

code { font-family: "Courier New", Courier, monospace; }

E {
	border-style: none;
	}

div {
		position: absolute;
		padding: 0em;
		border: none;
		color: black;
		margin: 0 0 0 0;
    }
div#box1 { /* header */
		top: 0px;
		left: 150px;
		width: 830px;
		height: 100px;
		}
div#box2 { /* box unter dem header */
		background-color: RGB(90,131,214);
		top: 100px;
		left: 150px;
		width: 830px;
		height: 40px;		
		}
div#box3 { /* box- rahmen von inhalt */
		background-color: RGB(213,237,255);
		top: 140px;
		left: 150px;
		width: 600px;
		min-height: 440px;
		}
div#box4 { /* inhalts-box  */
		background-color: RGB(255,255,255);
		top: 160px;
		left: 170px;
		width: 530px;
		min-height: 370px;
		padding: 15px;
		}
div#box5 { /* box-rahmen für login + login box */
		background-color: RGB(180,200,255);
		top: 140px;
		left: 750px;
		width: 180px;
		height: 420px;
		padding-top: 20px;
		padding-left: 50px;
		}

**drunken monkey** · 14.01.2007 18:23

Zitat von Drakes

Würds da irgend ne Liste geben?

Klar.

Zitat

Irgendwie, kann ich mir das nicht vorstellen. Meinst du irgendwelche spezielle Farben, z.B. überall einfach ein bischen heller oder so?

Nein, ich meine einfach, dass die ganzen Flächen zB mit schwarzen Linien umrandet sind.

Zitat

Wieso sind die Boxen im IE so "falsch" interpretiert? Das CSS wäre:

Weil der IE Mist ist. ^^ Damit bei dem alles so funktioniert, wie du willst, brauchst du wahrscheinlich ein zweites Stylesheet nur für IE, das du dann per Conditional Comment einbindest.

**mitaki** · 14.01.2007 19:06

Zitat

Was mach ich nun falsch?

Wenn du mit der header-Funktion arbeitest, muss dir bewusst sein, was das genau ist. Es handelt sich dabei um HTTP-Header, also Daten, die benötigt werden, damit Browser und Server miteinander Kommunizieren können.

Du hast header() nach einer Ausgabe von Zeichen verwendet, das bedeutet, die Browser-Server-Kommunikation ist bereits zu Ende.
header() kann nur verwendet werden, wenn noch kein Zeichen an den Browser gesendet wurde, d.h <?php muss das erste Zeichen sein, dass bei dir im Quelltext steht.

Zitat

Das Problem hatte ich auch schon. Am besten ist, du verwendest ü, etc., da geht's auf jeden Fall. ^^ Und wenn du php verwendest geht das eh ganz einfach mit
$output = htmlentities ($output);
Aber heißt es nicht ohnehin "Benutzername"? o_O

Möglich, allerdings empfiehlt das W3C, diese Umlaute auch in reinform Anzugeben. Und heutzutage spricht wirklich nichts mehr dagegen.

Zitat

Wieso sind die Boxen im IE so "falsch" interpretiert?

Der Internet Explorer hat einen so genannten Box-Modell-Bug, d.h. er berechnet die größe eines Elements falsch.
Seit v6 jedoch nur noch im Quirksmodus.
Der IE hat ab Version 6 auch einen Standardkonformen Modus, in dem er die Boxgröße richtig berechnet.
Um den standardkonformen Modus nutzen zu können musst du den Doctype mitsamt System-Identifyer angeben (das ist die URI, die zur DTD beim W3C zeigt).

Nachtrag

Ich sehe gerade, dass das nicht dein Problem war. Seltsam, das werde ich genauer anschauen!

Zitat

Würds da irgend ne Liste geben?

Du solltest nur die Zeichen < (<), > (>), " ("), & (&) und ' (&-#39; ohne "-", musste ich hier machen, damit das vB das nicht entfernt) maskieren, wenn du andere Zeichen brauchst, die in iso-8859-1 nicht enthalten sind, empfehle ich direkt utf-8 zu verwenden.

**Drakes** · 14.01.2007 19:42

Nun, ja, das verwirrte mich ein bischen, ich verwendete nämlich zuerst utf-8, dann hat es dort das ü richtig angezeigt, aber bei der Registrier-Seite falsch, und jetzt einfach umgekehrt

Sollte iso-8859-1 eben die Umlaute enthalten?

Wie bring ich den Quirk-modus weg? Ich hab den Identifyer doch angegeben?

**mitaki** · 14.01.2007 19:49

Zitat

Nun, ja, das verwirrte mich ein bischen, ich verwendete nämlich zuerst utf-8, dann hat es dort das ü richtig angezeigt, aber bei der Registrier-Seite falsch, und jetzt einfach umgekehrt Sollte iso-8859-1 eben die Umlaute enthalten?

Wenn du UTF-8 verwendest, musst du darauf achten, dass die Eingabe in deinen Editor auch als UTF-8 erfolgt. Da gibt es bestimmt irgendwo eine Möglichkeit das einzustellen.

Es stimmt zwar, dass Unicode und iso-8859-1 die Umlaute enthalten, aber an verscheidenen Positionen ihrer Zeichentabelle.
D.h. wenn du deinen Editor versehentlich nicht im UTF-8-Modus verwendest gibtst du äöü als ISO_x ein obwohl du utf-8 verwenden willst.
Das ist der einzige UTF-8 Nachteil, dass man alles als UTF-8 kodiert verwenden muss, aber sonst gibt es viele Vorteile.

Zitat

Wie bring ich den Quirk-modus weg?

Wie ich korregiert habe, das ist gar nicht der Fehler, den ich in Verdacht hatte. Du bist schon im standardkonformen Modus. Was genau den border-Fehler nun erzeugt ist mir leider noch unklar

Versuche bitte mal, das alternative Stylesheet nach der Referenz zum Standardstylesheet anzugeben.

**Drakes** · 14.01.2007 20:29

Ich hab jetzt das eine div-Element im anderen eingesetzt:

Code:

<div id="box3">
		<div id="box4">
              </div>
</div>

height hab ich im CSS auf auto gesetzt, und trotzdem wird die Box nicht richtig verlängert, wenn der Text länger ist, um das zu überprüfen hab ich auf der Hauptseite längeren Text eingefügt. Hier nochmal der Link.
Hab jetzt den Rahmen rum gemacht damit mans besser sieht.

**mitaki** · 14.01.2007 20:37

height ist dafür die falsche Eingenschaft. Für den gewünschten Effekt wäre overflow: auto; oder overflow-y: auto; richtig.

Allerdings, es tut mir sehr leid, dass ich das jetzt sagen muss, solltest du deine Seitenstruktur noch einmal überdenken.

Du arbeitest sehr stark mit absoluter Positionierung, ohne dir über die Folgen davon im klaren zu sein (ein klassischer Anfängerfehler).

Wenn du etwas absolut positionierst nimmst du das Element aus dem Elementenfluss, das bedeutet, dass das Positionierte Element keinen Einfluss mehr auf das Elternelement hat.
Das Problem ensteht meiner Meinung nach dadurch, dass du zwar mit gutem HTML und CSS arbeiten möchtest, aber leider noch in der Zeilen und Spaltenwelt der Tabellendesigns festhängst.
Mit CSS baut man keine Tabellen nach, man gestaltet den Inhalt.
CSS kann (noch) nicht alles was mit Tabellen möglich ist, aber andersrum ist das genauso! Gerade deshalb ist es wichtig, sich mit den vielen Möglichkeiten von CSS zu beschäftigen und die Vor- und Nachteile der Eigenschaften nicht zu übersehen.
Absolute Positionierung ist toll, aber auch gefährlich, weil sich das Prinzip in verschiedenen Situationen verschieden auswirkt.

Im SELFHTML Forum sagt man immer, man sollte zuerst an den Inhalt denken, dann an das Design. Mit CSS ist das sehr gut möglich.
Ich bin dir nicht böse oder will dich niedermachen, ich habe auch mal mit Tabellen gearbeitet. Seit dem habe ich allerdings viel gelernt. ich hoffe dir wird es auch so ergehen

**Drakes** · 14.01.2007 21:04

Zitat von mitaki

Ich bin dir nicht böse oder will dich niedermachen, ich habe auch mal mit Tabellen gearbeitet.

Ich bin der Dumme, der dieses Attribut im Toturial übersprungen hat.O

Du hilfst mir ja nur die ganze Zeit, dafür muss ich dir Dankbar sein.(auch drunken monkey)

Zitat von mitaki

Seit dem habe ich allerdings viel gelernt. ich hoffe dir wird es auch so ergehen

Ja, das hoff ich auch

Aber, was heisst das genau? Dass man mit CSS kein so positioniertes Design hinbekommt wie mit Tabellen? oder sollte man einfach nicht?

Edit: Auf was muss ich achten damit das Vaterelement dynamisch vergrössert wird? Darf es min-height bzw. min-width auch nicht enthalten?

Thema: Eure Webseiten #4

Themen-Optionen

Anzeige

Hybrid-Darstellung

Berechtigungen