Darstellungsunterschied zwischen Phase 5 und Browser
Henry Schaffrik
- html
Hallo Gemeinde,
meine Anfrage betrifft folgende Erscheinung:
Beim Programmieren der Homepgage für die Firma habe ich eine Download-Seite für Bilder angelegt (es gibt in unregelmaessigen Abstaenden Bilder auf der Startseite vom Firmengelaende, die dann nach gewisser Zeit archiviert werden). Den Seitenentwurf erledige ich mit Ulli Meybohm's Phase 5². Es steckt nicht viel hinter dem Text auf der Seite - das Drumherum für die Farben und die Orientierung und ein Diskettenlogo für den Downloadabruf mit einem Text zur Erklaerung fuer das abgelegte Bild. Unter Phase 5 wird das auch sauber angezeigt; es sind im Moment 9 Bilder. Sobald ich die Datei jedoch auf den Webserver transferiere und von dort abrufe, stehen nur noch vier Bilder zur Auswahl. Den Text auf dem Server habe ich natuerlich ueberprueft - ist der gleiche wie im Entwurfsverzeichnis.
Kennt jemand das Phaenomen? Ich bin nun nicht unbedingt der Chef-HTML-Programmierer, wahrscheinlich ist es nur eine Kleinigkeit, aber mir faellt sie nicht auf.
Danke fuers lesen.
Gruß,
Henry
henrynick@web.de
Hi,
Kennt jemand das Phaenomen?
a) Bilder oder Bild-URLs defekt,
b) Browser- oder Proxy-Cache.
Ich bin nun nicht unbedingt der Chef-HTML-Programmierer,
Es existiert kein HTML-Programmierer. Programmieren kann man nur mit einer Programmiersprache.
Cheatah
Hallo Cheatah,
a) Bilder oder Bild-URLs defekt,
b) Browser- oder Proxy-Cache.
a)kann ich ausschließen, da die Bilder und die URL für die Bilder funktionieren. Eine Fehlermeldung kommt in dem Fall auch erst, wenn man versucht, das Bild aufzurufen.
Bei b) bin ich etwas überfragt. Ich habe mir gerade alle files nochmals angesehen und nach einer Veränderung der Schriftgröße zeigt der IE6 alles so an, wie unter Phase 5 geplant. Nur unter Opera 7.11 werden nur vier von den 9 Bilder angeboten.
Es existiert kein HTML-Programmierer. Programmieren kann man nur mit einer Programmiersprache.
Danke für den Hinweis. Was ist dann HTML?
zum angucken http://www.vegro.de/daten/download.htm/
Gruß,
Henry
Was ist dann HTML?
http://jendryschik.de/wsdev/einfuehrung/websprachen.html
Gruß,
Gunnar
Hi,
Bei b) bin ich etwas überfragt. Ich habe mir gerade alle files nochmals angesehen und nach einer Veränderung der Schriftgröße zeigt der IE6 alles so an, wie unter Phase 5 geplant. Nur unter Opera 7.11 werden nur vier von den 9 Bilder angeboten.
der IE6 scheint bei der Aktion die Ressource neu anzufordern, was ich für reichlich behämmert erachte. Eine Cachelöschung bzw. ein Shift- oder Strg-Reload (wird von den meisten Browsern in einen "echten" Reload mit Zusatzheadern für Proxies umgesetzt) sind hilfreicher.
Danke für den Hinweis. Was ist dann HTML?
Neben Gunnars Antwort: Ich bevorzuge die Bezeichnung "Strukturbeschreibungssprache".
Cheatah
Hallo Henry,
zum angucken http://www.vegro.de/daten/download.htm/
Ich seh mit Opera 5.12 auch nur 5 der 9 Bilder.
Wie waer's zur Abwechslung mit validem HTML?
Der Validator hilft Dir, die Fehler zu finden:
http://validator.w3.org/
Kleiner Tip: Vorher folgendes reinmachen:
Am Anfang der Datei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Als erstes nach <HEAD>:
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
Der Validator verraet z.B. auch, dass Du ganz komische
Sachen drin hast, naemlich </> und <!--->
Leere Kommentare sind sinnlos. Wegmachen!
Ein Kommentar sollte z.B. mit
<!--
anfangen und mit
-->
aufhoeren.
Die Anzahl der "-" ist sehr wichtig!
Die Attribute solltest Du konsequent in Anfuehrungszeichen setzen:
Statt:
<a href=../download/moos.jpg border=0 alt=Download target=download>
Besser:
<a href="../download/moos.jpg" border="0" alt="Download" target="download">
Ein weiterer Schritt zu sauberem, uebersichtlichem Code waere es,
saemtlichen Layout-Dinge (Farben u.s.w.) statt mit
FONT-Tags und Farb-Attributen im BODY-Element einfach
mit CSS zu loesen.
Aber das ist wohl zuviel verlangt fuer den Anfang.
HTH, mfg
Thomas
der fast nicht glauben kann, dass man mit Phase 5
sooo schrecklichen Quellcode erzeugen kann ;-(
Ooops:
<a href="../download/moos.jpg" border="0" alt="Download" target="download">
Ist natuerlich nicht so gut...
border- und alt-Attribut gips nich bei <A>.
Richtig waere:
<a href="../download/moos.jpg" target="download">
mfg
Thomas
He - ich lerne noch!
Hallo Thomas,
danke für den Tip - und ich werde meinen miesen *grins* Sprachgebrauch nochmal überdenken. Aber für meine erste Lösung war ich bis heut fast zufrieden *schluchz*.
Gruß, Henry Schaffrik
henrynick@web.de
hallo thomas,
Besser: <a href="../download/moos.jpg" border="0" alt="Download" target="download">
hä???? Das ist mir aber jetzt neu,dass im href ein alt-tag + ein border-tag sein soll? Ist aber nicht Dein Ernst oder?
Thomas
Grüsse vom Alain
Hallo Gemeinde,
Hi,
Hier ein Teil es Quelltextes (gekürtzt):
In Mozilla (firebird):
Anfang: [
<!--->
<tr>
<td width=10><a href=../download/winter_blue.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
<td><font face=arial size=1 color=#008000>winter_blue (99 kB)</td>
</tr>
<!--->
<tr>
<td width=10><a href=../download/winter_blue.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
<td><font face=arial size=1 color=#008000>Blick über den See bei -12 °C (99 kB)</td>
</tr>
<!--->
<tr>
<td width=10><a href=../download/holz020703.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
<td><font face=arial size=1 color=#008000>Jahresringe ... (49 kB)</td>
</tr>
<!--->
<tr>
<td width=10><a href=../download/reflexion.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
<td><font face=arial size=1 color=#008000>Reflexion (31 kb)</td>
</tr>
<!--->
<td width=10><a href=../download/seebank020703.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
<td><font face=arial size=1 color=#008000>Ruheplatz am See (48 kB)</td>
</tr>
<!--->
<tr>
<td width=10><a href=../download/gelb020703.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
<td><font face=arial size=1 color=#008000>Es blüht (24 kB)</td>
</tr>
<!--->
<tr>
<td width=10><a href=../download/moos.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
<td><font face=arial size=1 color=#008000> ... (99 kB)</td>
</tr>
<!--->
<tr>
<td width=10><a href=../download/sumpf.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
<td><font face=arial size=1 color=#008000>sumpfig ist's (42 kB)</td>
</tr>
</table>
] :Ende
Wer's im Editor vom Mozilla anguckt weiss wo der Fehler liegt :
Ein teil der Verweise werden als Kommentare gesehen! Mach mal die <!---> weg oder schreib was rein z.B. <!-- Hans' Wurstbude -->
Man beachte die 4!!! Bindestriche("-") NICHT 3!!! oder mache Kommentare so //hier das Kommentar
Gruß,
Henry
henrynick@web.de
cu nokill2003
Hallo,
Mach mal die <!---> weg [...]
Man beachte die 4!!! Bindestriche("-") NICHT 3!!! oder mache Kommentare so //hier das Kommentar
Jetzt verwechselst Du aber etwas!
Kommentare in (X)HTML:
<!-- Kommentar -->
http://selfhtml.teamone.de/html/allgemein/kommentare.htm#nicht_angezeigt
Kommentare in JavaScript oder PHP:
// einzeiliger Kommentar
/* Beliebig langer Kommentar,
auch mehrzeilig */
http://selfhtml.teamone.de/javascript/sprache/regeln.htm#kommentare
In PHP kann man statt // auch # verwenden.
http://www.php.net/manual/de/language.basic-syntax.comments.php
Kommentar in CSS:
/* Nur diese eine Schreibweise fuer Kommentare */
http://selfhtml.teamone.de/css/formate/einbinden.htm#kommentare
Ausnahmsweise, wenn man z.B. JavaScript oder CSS
in HTML einbettet und es dort vor alten Browser
verstecken will, hat man "aussen" HTML-Kommentare
und "innen" ggf. noch andere Kommentare, z.B.
<style type="text/css">
<!--
body { font-family:tahoma,arial,helvetica,sans-serif; }
/* Diese Schriftarten sind am Bildschirm gut lesbar. */
-->
</style>
oder so:
<script type="text/javascript">
<!--
alert('JavaScript kann Benutzer nervern!');
//-->
</script>
http://selfhtml.teamone.de/javascript/intro.htm#javascript_htmltags
Hier (und nur hier) muss am Schluss //--> stehen:
// damit der JavaScript-Interpreter sich nicht am --> verschluckt,
--> um den HTML-Kommentar abzuschliessen.
mfg
Thomas
Hallo Gemeinde,
danke für die schnelle Hilfe - und den dezenten Hinweis auf mehr Sorgfalt *grins* Werd mich bemühen.
Hab schon angefangen damit - sieht man daran, dass es jetzt läuft.
Gruß,
Henry
henrynick@web.de
Hallo Henry,
danke für die schnelle Hilfe - und den dezenten Hinweis auf mehr Sorgfalt *grins* Werd mich bemühen.
Gerngeschehen / Brav, brav! ;-)
Hab schon angefangen damit - sieht man daran, dass es jetzt läuft.
Ja, jetzt laeufts.
Das Target-Attribut in den Links auf die Bilder finde ich allerdings stoerend.
Lass es weg - dann werden die Bilder auch im gleichen Frame angezeigt.
Und die Bezeichnung "Download" finde ich nicht wirklich
passend - nenn die Dinge doch beim Namen: Bilder-Galerie oder so...
Noch besser laeuft uebrigens nur:
http://www.vegro.de/download/
Dort sieht man alle Bilder, und erst noch, wie gross sie sind.
Und btw:
http://www.vegro.de/start.htm
hat ein freundliches TITLE-Element...
mfg + SCNR
Thomas
dem die Fotos gefallen - ein schoenes "Firmengelaende" habt Ihr da;-)