usa-reise.de Forum
Allgemeines => Technik => Software und Apps, Internet, Websites => Thema gestartet von: In-Tim am 12.05.2008, 16:32 Uhr
-
Hi,
ich habe nun endlich das Gerüst meiner neuen Website fertig würde gerne mal wissen ob es bei allen korrekt dargestellt wird, ob noch Fehler drin sind und überhaupt ob ich noch was ändern sollte. Ich weiß man sollte keine nicht fertige Homepage vorstellen, aber das tue ich ja auch garnicht :P. Die Vorstellung kommst später. Mir geht es nur darum Fehler zu erkennen bevor ich mühsam den Content komplett reinstelle. Nicht, dass ich nachher alles nochmal umformatieren muss.
Also: Bitte einfach mal etwas rum klicken: http://in-tim.com/joomla/
Vielen Dank!
-
Sieht doch ganz gut aus.
Beim rumklicken habe auf dieser Seite 2 Fehlermeldungen entdeckt: http://in-tim.com/joomla/content/view/15/37/ (http://in-tim.com/joomla/content/view/15/37/)
Ansonsten ist mir nichts aufgefallen.
-
Ok, danke ist behoben. Lag glücklicherweise nur am Inhalt der Seite. Eine Bilder-Schau ohne Bilder im Verzeichnis macht ja keinen Sinn. Die Fotos in den Berichten sollen genauso präsentiert werden wie in der Galerie.
-
Mir ist nicht aufgefallen, außer daß Du zwishen dem THW und den Flensern schwanken könntest :wink: :wink: :wink:
-
Aufgewachten (http://in-tim.com/joomla/index.php?option=com_content&task=view&id=34&Itemid=176)
Aufgewacht oder aufgewachsen? :)
-
... Ausbildungsbetrieb gündigte ich um ein ...
-
Hallo Tim,
Eine etwas größere Schrift wäre etwas komfortabler zu lesen, aber sonst - schöne Seite!
Liebe Grüße
Annette
-
Danke für die rege Beteiligung. Scheint ja mit allen Browsern und Betriebssystemen zu funktionieren. Und für das erwähnen der Schreibfehler natürlich auch vielen Dank.
Zur kleinen Schrift:
Wäre ein Button zur Änderung Schriftgrößen [+/-] gut? Habe die Schrift jetzt jedenfalls schonmal von 12px auf 14px hochgesetzt.
-
Text ist schwer zu lesen... größerer Zeilenfall würde Abhilfe schaffen.
dann noch das:
-
Text sollte mittig in den Buttons stehen...
-
Hallo,
wenn wir schon bei Schreib- und sprachlichen Fehlern sind:
"Diese Webseite befasst sich mit dem liebsten aller meiner Beschäftigungen,"
Willst Du das:
"Ich bin am 11.06.1986 geboren und dem entsprechend 21 Jahre alt."
jährlich ändern (bzw. erstmals schon in vier Wochen)?
Diesen Effekt:
dann noch das:
kann ich nicht nachvollziehen
Diesen Hinweis:
Text sollte mittig in den Buttons stehen...
halte ich nicht für zwingend; bei senkrecht angeordneten Buttons gefällt mir linksbündig besser.
-
Der Code-Validator spuckt bei mir 52 Fehler aus, bei monstercheck.de sind es immerhin noch 28 Fehler ... aller mehr oder minder unwichtig, aber dennoch sollte man auf lange Dauer drauf achten einen recht sauberen Code zu haben - google wird es Dir danken ;-)
Einige hübsche Bilder hast du übrigens online, der Bald Eagle hat ja fast schon Wallpaper-Format :applaus: Vielleicht solltest du aber mal drüber nachdenken, die Lightbox-Bilder etwas zu verkleinern ... nicht jeder hat einen 19" Monitor und auf einem 15"-Lappi zum Beispiel nervt es ungemein wenn man die Bilder hin - und herscrollen muss.
Ferner ist mir noch aufgefallen: Die Seitenbeschreibung, die Keywords sowie allgemein die Seiten-Metatags sind zur Zeit schlicht und ergreifend für die Katz. Unbedingt anpassen und für Deine Seite spezifizieren ... der Joomla-Quatsch darin ist absolut überflüssig für später!
Das ist nur das was mir so aufgefallen ist ... insgesamt sieht das aber doch gut aus *daumenhoch* :wink:
Gruß,
Andreas
-
halte ich nicht für zwingend; bei senkrecht angeordneten Buttons gefällt mir linksbündig besser.
Ich meine nicht linksbündig..... sondern die Position zwischen der oberen und unteren Linie.
Der andere Fehler.... das sieht man, wenn man einen anderen Browser testet. :wink:
-
Nach der unlängst hier stattgefundenen hitzigen Diskussion um moderne und unmoderne Webtechniken (in Sachen FRAMES etc.) muss ich doch ein wenig lächeln, wie "ungeschoren" nun diese schöne Seite hier wegkommt.
Immerhin arbeitet sie mit völlig unmodernen Tabellen zur Seitenformatierung (anstelle von modernen Layers in Form von DIVs) und setzt dem Ganzen die Krone auf, indem auch noch Content mit dem bösesten aller bösen TAGs, nämlich dem IFRAME, zur Verfügung gestellt wird.
Es wird dann wohl doch nicht alles so heiß gegessen wie es gekocht wird.
Was mir zudem als eigenartigen Anachronismus immer mehr ins Auge fällt, ist die trendige "mittenlastige" Seitengestaltung, die lediglich im zentralen Bereich des Monitors Informationen zur Verfügung stellt. Das führt ausgerechnet auf den unaufhaltsam auf dem Vormarsch befindlichen Breitbildmonitoren (Format 16:10) dazu, dass nunmehr lediglich 50% der zur Verfügung stehenden Bildschirmfläche für die Bereitstellung der Informationen genutzt wird. Wohl dem, der über einen Monitor mit sog. "Pivot-Funktion" verfügt...
Grüße
Rainer
-
Was mir zudem als eigenartigen Anachronismus immer mehr ins Auge, fällt ist die "mittenlastige" Seitengestaltung, die lediglich im zentralen Bereich des Monitors Informationen zur Verfügung stellt.
Wer macht denn sowas böses` 8) :lol: :pfeifen:
Breitbildmonitore am PC halte ich persönlich übrigens für überflüssigen Schnackschnick ... oder so ähnlich. Braucht IMHO kein Mensch, da der Trend eigentlich zu immer handlicheren und kleineren Geräten geht. Wenn ich ein großes Bild haben möchte geh ich ins Kino :lol:
-
Der andere Fehler.... das sieht man, wenn man einen anderen Browser testet. :wink:
Das scheint in der Tat ein Fehler zu sein - allerdings nicht ein Seitenfehler, sondern ein Browserfehler. Safari zieht ohne Not die Begriffe seltsam weit auseinander und erzeugt dadurch einen unschönen Zeilenumbruch.
Der Quellcode liefert keinen Anhaltspunkt für dieses Verhalten und auf allen anderen Browsern tritt dieser Effekt nicht auf.
Grüße
Rainer
-
Das scheint in der Tat ein Fehler zu sein - allerdings nicht ein Seitenfehler, sondern ein Browserfehler. Safari zieht ohne Not die Begriffe seltsam weit auseinander und erzeugt dadurch einen unschönen Zeilenumbruch.
Nun ja... Camino zeigt den gleichen Fehler.
-
Breitbildmonitore am PC halte ich persönlich übrigens für überflüssigen Schnackschnick ... oder so ähnlich. Braucht IMHO kein Mensch, da der Trend eigentlich zu immer handlicheren und kleineren Geräten geht.
Ich dachte immer, ein "Trend" ist das, was am meisten verkauft wird. Am meisten verkauft werden Breitbildmonitore (22 Zoll ist momentan der meistverkaufte, aber 24 Zoll und mehr ist stark im Kommen), nicht nur als standalone Monitore, sondern auch bei Notebooks. Und selbst Apple verkauft so gut wie nur noch Breitbildmonitore.
Das ist nun einmal der Trend, unabhängig davon, ob Du lieber ins Kino gehst.
Grüße
Rainer
-
Und einige nutzen den Rechner ja auch als Kino.
-
Ich dachte immer, ein "Trend" ist das, was am meisten verkauft wird. Am meisten verkauft werden Breitbildmonitore (22 Zoll ist momentan der meistverkaufte, aber 24 Zoll und mehr ist stark im Kommen), nicht nur als standalone Monitore, sondern auch bei Notebooks. Und selbst Apple verkauft so gut wie nur noch Breitbildmonitore.
so isses... man braucht sich nur mal die LCD Fernseher ansehen... 90% sind 16:9 Breitbildformat. Dieses Format setzt sich auch bei den PC Displays durch.
-
Nun ja... Camino zeigt den gleichen Fehler.
Das macht es aber nicht besser. Ich kann nicht erkennen, warum die Browser das machen. Ich denke, es ist ein Problem in der CSS-Engine.
Sollte man vielleicht mal an Apple mailen.
Grüße
Rainer
-
Ich bin ja sehr erstaunt auf was ihr alles achtet. Ich verstehe mich zwar im Website-Coding und habe meine Seiten in den letzten 10 Jahren immer selbst gecodet. Diesmal benutze ich ein CMS und ein schon halb vorgefertigtes Template. Ich hätte wirklich nicht erwartet, dass euch Meta-Tags, Layout und W3C-Compliance interessieren. Aber um so besser.
Mir sind die Probleme bekannt, sind aber erstmal zweitrangig. Einige Fehler die der Validator anzeigt sind aber in der Tat auf mich zurückzuführen, da ich den Code etwas abgespeckt habe (u.A. Alt-Tags).
Ich habe ein Template aus der Joomla-Datenbank verwendet. Es arbeitet mit Tabellen, damit habe ich aber kein Problem. Tabellen waren jahrelang der Standard für die Gestaltung und entsprechend stellt sie jeder Browser mehr oder weniger gleich dar. Solange es überall klappt, und das scheint der Fall zu sein, sehe ich keinen Veränderungsbedarf. An der Tabelleninterpretation der Browser wird sich in den nächsten Jahren ja wohl nichts verändern.
Die Art des Layouts ist natürlich eine Stilfrage und immer mit Kompromissen behaftet. Ein statisches, 800px breites Layout ist einfach am einfachsten zu gestalten. Wäre es dynamisch in der Breite würden sich gleich ein ganzer Haufen Gestaltungsprobleme ergeben. So mache ich es mir einfach und setze es in die Mitte. Klar füllt das einen 22" Breitbild nicht gut aus. Allerdings verstehe ich auch nicht den Nutzen eines solchen Monitors für's Internet. Alle die ich kenne nutzen das Gerät um zwei Fenster nebeneinander anzuzeigen. Und dafür macht es auch Sinn. Eine wirklich Breitbild-orientierte Internetseite müsste man ganz anders aufbauen und den Text spaltenweise gliedern um die Übersichtlichkeit zu bewahren.
Ich kann die Seite natürlich auch verbreitern und für Auflösungen ab 1024 optimieren. Das ist zwar Standard, aber noch lange nicht überall angekommen.
Hallo,
wenn wir schon bei Schreib- und sprachlichen Fehlern sind:
"Diese Webseite befasst sich mit dem liebsten aller meiner Beschäftigungen,"
Willst Du das:
"Ich bin am 11.06.1986 geboren und dem entsprechend 21 Jahre alt."
jährlich ändern (bzw. erstmals schon in vier Wochen)?
1. Ja, da steckt der Wurm drin. Es war schon so gemeint wie es da steht (Natürlich mit großem L). Nur stimmt der Text danach nicht. Den Außer dem Reisen mag ich natürlich auch das Fotografieren. also müsste es wieder heißen: "den liebsten" statt "dem Liebsten" :roll:
2. Das muss ich nicht ändern, dafür habe ich ein Script geschrieben und dynamisch eingebunden, dass mein Alter auch über meinen Tod hinaus errechnet :lol:
Text ist schwer zu lesen... größerer Zeilenfall würde Abhilfe schaffen.
dann noch das:
(http://forum.usa-reise.de/index.php?action=dlattach;topic=32479.0;attach=2897;image)
Ok, also dieser Fehler wie im Bild kommt von der Schriftgröße. Beim Iexplore und Firefox unter Windows konnte ich das nicht beobachten. Die Schriftarten unter Macintosh? oder Linux? scheinen größer dargestellt zu werden. Ich habe die Menüschriftgröße mal um 1px verkleinert.
Die Zeilenhöhe habe ich mal auf 1.4em vergrößert. Ich hoffe so ist es besser zu lesen.
Text sollte mittig in den Buttons stehen...
(http://forum.usa-reise.de/index.php?action=dlattach;topic=32479.0;attach=2900;image)
Erledigt.
Einige hübsche Bilder hast du übrigens online, der Bald Eagle hat ja fast schon Wallpaper-Format :applaus: Vielleicht solltest du aber mal drüber nachdenken, die Lightbox-Bilder etwas zu verkleinern ... nicht jeder hat einen 19" Monitor und auf einem 15"-Lappi zum Beispiel nervt es ungemein wenn man die Bilder hin - und herscrollen muss.
Ja, da habe ich einfach mal ein paar Bilder hochgeladen. Die hinteren zeigen eher die Größe wie sie sein sollen. Außerdem kommt natürlich ein eine XML-Datei mit korrekten Beschreibungen und Tags der Bilder in die Galerie-Ordner. (Bei mir auf dem 14" Lappi übrigens höhere Auflösung als 19" Monitor)
Mir geht das resizen aber eigentlich ziemlich auf den Keks. Kennt nicht jemand ein Tool, dass die Bilder automatisch beim Upload resized und evtl. sogar Exif-Daten in eine XML-Datei schreiben kann?
Ok, aber manuell bearbeiten muss ich sie ja eigentlich eh wegen Rahmen und Wasserzeichen/Copyright.
Die Shout-Box wurde nun auch entjungfert und scheint zu funktionieren.
-
Ok, also dieser Fehler wie im Bild kommt von der Schriftgröße.
Das denke ich nicht, wenn überhaupt dann sekundär. Primär fällt mir auf, dass die Leerstellen viel zu weitläufig sind und es macht den Anschein, als wolle der Browser dort einen Blocksatz realisieren (align justify). Aber warum?
Im Text links daneben ist Blocksatz als Attribut gesetzt - ist es evtl. möglich, dass durch unglückliche Verschachtelung dieses Attribut ungewollt auf das Menu rechts daneben vererbt wird? Das wäre meine Vermutung, ich kann es aber am Quellcode nicht nachvollziehen.
Möglicherweise ist es die Kombination von zu großer Schrift, zu wenig Platz und ungewolltem Blocksatzattribut.
Grüße
Rainer
P.S.:
>Klar füllt das einen 22" Breitbild nicht gut aus.
Das ist nicht das Problem - mein Notebook ist das Problem. Kein(!) 22 Zöller, sondern 14,4 Zoll. Aber, wie die meisten Notebooks, mit breitem Monitor, Auflösung 1280x800. Da sind die "Ränder" links und rechts mächtig dick.
-
Das ist Blocksatz, korrekt. Wird halt vererbt vom CSS-Attribut für die Tabelle. Das ist aber nicht das Problem. Es ist nur so, dass der ganze Text "USA California & Canyons" nicht in die 190 Pixel breite Spalte passt. Dadurch ergibt sich ein Zeilenumbruch und in Folge dessen der Blocksatz.
Im Quellcode kannst du das ja auch nicht finden, nur in der CSS-Datei.
Ach ja, nicht wundern, wenn die Seite jetzt etwas verzerrt ist, ich bin am rumbasteln.
€: Ich habe das Layout mal 900px breit gemacht. Fazit: Sieht einfach schrecklich aus.. Viel zu breit. Habe es wieder zurückgesetzt.
Mit meinen 1280x1024 am Monitor habe ich keine Probleme, sieht gut aus so. Auch mit den 1400x1050 schaut es vernünftig aus. Breitbild ist ein Problem. "Panorama" ist gut zum Filme gucken oder auch Bilder. Und bei hochauflösenden Monitoren gut um zwei Hochkant-Fenster nebeneinander anzuzeigen. In einem breiten Bild verliert sich das Auge. Das ist bei Bilddarstellungen erwünscht, denn man soll ja den Eindruck eines großen Bildes haben in dem man mit den Augen wandern kann. Bei Texten ist dies aber katastrophal, da es den Überblick zerstört. Dort will das Auge möglichst viel überblicken, schließlich überfliegt man den Text ja und liest ihn nicht Buchstabe für Buchstabe. Nicht umsonst werden alle gängigen Print-Medien hochkant gedruckt.
Das bezieht sich jetzt weniger auf kleine NB-Displays. Aber bei einem 24"er komme ich mit einem voll geöffneten Browser-Fenster nicht zurecht wenn ich mit Seiten mit viel Text anschaue. Wenn man den Faden verliert muss man ganz am Anfang der Zeile wieder anfangen (wenn man sie den sofort findet). Und so eine Zeile ist da dann seeehr lang..
-
Hallo,
Hallo,
wenn wir schon bei Schreib- und sprachlichen Fehlern sind:
"Diese Webseite befasst sich mit dem liebsten aller meiner Beschäftigungen,"
...
1. Ja, da steckt der Wurm drin. Es war schon so gemeint wie es da steht (Natürlich mit großem L). Nur stimmt der Text danach nicht. Den Außer dem Reisen mag ich natürlich auch das Fotografieren. also müsste es wieder heißen: "den liebsten" statt "dem Liebsten" :roll:
...dennoch sagt mir mein Sprachgefühl "Diese Webseite befasst sich mit der liebsten aller meiner Beschäftigungen," (mit kleinem "l"); die jetzt gewählte Form mag zwar grammatikalisch auch denkbar sein, aber ich stolpere drüber. Aber vielleicht haben wir ja auch ein paar Germanisten unter uns, die dieses schwerwiegende Problem :wink: professionell lösen können...
-
...dennoch sagt mir mein Sprachgefühl "Diese Webseite befasst sich mit der liebsten aller meiner Beschäftigungen,"
Selbstverständlich.
Denkbar wäre allenfalls noch "den liebsten ..." (Mehrzahl), aber "dem liebsten ..." ist hier definitiv falsch.
Es wird auch "liebsten" klein geschrieben, substantivierte Adjektive werden (ohnehin nur nach neuer Rechtschreibung) nur dann groß geschrieben, wenn es sich um Ordinalzahlen oder unbestimmte Zählwörter handelt ("die Letzte").
Grüße
Rainer
-
Das ist Blocksatz, korrekt. Wird halt vererbt vom CSS-Attribut für die Tabelle.
Warum? Das würde ich nicht tun, denn es ist ja auch nicht gewollt, der Text im Menu soll doch linksbündig stehen.
Im Quellcode kannst du das ja auch nicht finden, nur in der CSS-Datei.
Ja, so doof bin ich auch nicht, selbstverständlich habe ich mir die CSS-Dateien auch runtergeladen und studiert. Aber dennoch sehe ich nicht, wodurch der Blocksatz auf das Menu vererbt wird.
Mit meinen 1280x1024 am Monitor habe ich keine Probleme, sieht gut aus so.
Das ist bei meinem 19-Zöller auf dem Schreibtisch identisch. Das ist ja auch ein Seitenverhältnis von 5:4.
Aber der Trend geht eben ganz klar in Richtung Breitbildmonitore (es werden kaum noch andere verkauft), deswegen finde ich den anderen Trend (von Joomla etc.) "anachronistisch", denn es wird diesen Monitoren nicht gerecht.
Aber bei einem 24"er komme ich mit einem voll geöffneten Browser-Fenster nicht zurecht wenn ich mit Seiten mit viel Text anschaue. Wenn man den Faden verliert muss man ganz am Anfang der Zeile wieder anfangen (wenn man sie den sofort findet). Und so eine Zeile ist da dann seeehr lang..
Deswegen gibt es im neuen Standard CSS4 endlich auch echte Spalten (wie in Textverarbeitungsprogrammen), und manche Browser unterstützen es auch schon (wobei ich nicht auswendig weiß, welche es sind). Wenn ich Lust dazu habe, werde ich da mal forschen gehen, wie weit der Entwicklungsstand ist und wie das unterstützt wird. Denn das halte ich persönlich für ein sehr wichtiges Attribut, damit endlich Fließtext in Spalten dargestellt werden kann (wie in Zeitungen usw.).
Grüße
Rainer
-
Deswegen gibt es im neuen Standard CSS4 endlich auch echte Spalten (wie in Textverarbeitungsprogrammen), und manche Browser unterstützen es auch schon (wobei ich nicht auswendig weiß, welche es sind). Wenn ich Lust dazu habe, werde ich da mal forschen gehen, wie weit der Entwicklungsstand ist und wie das unterstützt wird. Denn das halte ich persönlich für ein sehr wichtiges Attribut, damit endlich Fließtext in Spalten dargestellt werden kann (wie in Zeitungen usw.).
Grüße
Rainer
Was dann natürlich richtig schön kompatibel mit älteren Browser ist. Aber genau das wird auf immer höher auflösenden Bildschirmen gebraucht.
Ein Breitbild-Template ist mit Joomla natürlich auch möglich. Wenn es unausweichlich wird werde ich halt mal eins entwerfen. Im Moment machen da ja nichtmal die großen Seten (spiegel.de, welt.de, heute.de, focus.de, faz.de, nytimes.com). Alle die mir so einfielen haben ein auf 1024px festgelegtes Layout. Ist zwar breiter als meins, aber für Werbung kann man die Seiten immer noch nutzen ^^
...dennoch sagt mir mein Sprachgefühl "Diese Webseite befasst sich mit der liebsten aller meiner Beschäftigungen,"
Selbstverständlich.
Denkbar wäre allenfalls noch "den liebsten ..." (Mehrzahl), aber "dem liebsten ..." ist hier definitiv falsch.
Es wird auch "liebsten" klein geschrieben, substantivierte Adjektive werden (ohnehin nur nach neuer Rechtschreibung) nur dann groß geschrieben, wenn es sich um Ordinalzahlen oder unbestimmte Zählwörter handelt ("die Letzte").
Grüße
Rainer
Was natürlich auch richtig ist. Klar. :D
Das ist Blocksatz, korrekt. Wird halt vererbt vom CSS-Attribut für die Tabelle.
Warum? Das würde ich nicht tun, denn es ist ja auch nicht gewollt, der Text im Menu soll doch linksbündig stehen.
Das kommt meine Meinung nach hiervon:
.td, tr, p, div {... text-align:justify; ... }Ich habe das jetzt mal in die Klasse mainlevel ein "text-align:left;" und "white-space:nowrap" reingeschrieben. Damit ist das weg.
Den Fehler kann man übrigens gut mit einer Vergrößerung der Schriftdarstellung nachvollziehen [STRG, +]
-
Hallo Jungs!
Ich habe mir eure Ratschläge zu Herzen genommen und die Seite aufbauend auf einem anderen Template grundlegend neu gestaltet.
Die Seite ist nun:
- Hauptsächlich auf Layern (div-Tags) aufgebaut
- dynamisch in der Breite, optimal von 1024 bis 1600
- zwei- oder mehrsprachig, sofern ich den Content übersetze
http://test.angsthase.info/
Mit der Zeit werde ich noch die Codefehler rausschreiben, denn aktuell scheint es auf allen Browsern zu laufen.