Browser + PHP-Problem nach DOCTYPE Deklaration
Falk
- sonstiges
0 Kai Lahmann0 Falk
Hallo,
Wer kann helfen?
Nachdem ich meine web-Dokumente dem w3-Standart angepaßt habe, ärgern mich zwei Dinge:
1. Damit sich die Ladezeit von meinen Bilddateien verkürzt, habe ich diese gevierteilt und folgendermaßen ins html-Dokument eingebunden:
<img src=“pfad/datei.jpg“ alt=“bild“ width=“x“ height=“y“ /><img src=“pfad/datei.jpg“ alt=“bild“ width=“x“ height=“y“ /><br /><img src=“pfad/datei.jpg“ alt=“bild“ width=“x“ height=“y“ /><img src=“pfad/datei.jpg“ alt=“bild“ width=“x“ height=“y“ />
Damit es zu keiner Unterbrechung im Bild kommt, steht alles in einer Zeile. Das hat bisher ganz gut funktioniert. Nachdem ich nun den Verweis auf die dtd eingefügt hatte
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"../../xml/dtd/xhtml1-transitional.dtd" >
„zerschneidet“ Netscape und Mozilla meine Bilder. Zwischen den oberen und unteren Teilen erscheint ein
etwa 2Pixel breiter Streifen. Opera und IE tun es nicht. Lösche ich den Pfad zur dtd, ist alles wieder ok.
Ich will nicht unbedingt über 300 Dias noch mal neu scannen und bearbeiten. Was kann ich tun?
2. Die Bilder werden über Verweise, die in einer Datenbank liegen geladen. Der Anwender hat die Möglichkeit
über ein Formularfeld Bilder nach Schlagworten zu suchen. Damit er auch Sonderzeichen eingeben kann,
werden diese von einem PHP – Skript umgewandelt (z.B. ä in ae). Die Funktion sieht so aus:
$sb=ereg_replace("[^a-zäöüß]"," ",$sb);
$s1=array("/ä/","/ö/","/ü/","/ß/");
$s2=array("ae","oe","ue","ss");
$sb=preg_replace($s1, $s2, $sb);
Da hier „unerlaubte“ Zeichen unkodiert im Dokument stehen meckert der Validator natürlich. Nur habe ich
keine Ahnung wie ich es anders lösen kann.
Danke , schon mal
Falk
hi
„zerschneidet“ Netscape und Mozilla meine Bilder. Zwischen den oberen und unteren Teilen erscheint ein
etwa 2Pixel breiter Streifen. Opera und IE tun es nicht. Lösche ich den Pfad zur dtd, ist alles wieder ok.
Ich will nicht unbedingt über 300 Dias noch mal neu scannen und bearbeiten. Was kann ich tun?
verpass den Bildern ein vertical-align:bottom, dann ist der Abstand weg.
Grüße aus Bleckede
Kai
Hallo,
verpass den Bildern ein vertical-align:bottom, dann ist der Abstand weg.
absolut Spitze !! :-)
es hat funktioniert, da muß man erst mal drauf kommen.
Vielen Dank
Falk
hi
es hat funktioniert, da muß man erst mal drauf kommen.
das ist recht logisch - beispiel:
g<img src="/images/16.gif" width=159 height=119 border=0 alt="Noe!">
man beachte, dass der haken vom g unter das Bild geht! Mit vertical-align:bottom geht's dann eben bis ganz unten - diese Änderung wird von vielen Browsern (umwohl nirgends in der HTML-Spezifikation so erwähnt) manchmal automatisch gemacht (ziemlich unvorhersagbar imho). Mozilla hält sich in Strict-Mode (also mit bestimmtem DOCTYPE) hier genau an die Spezifikation.
Grüße aus Bleckede
Kai