So, hab mal wieder was an meinem Browserspiel gewerkelt....
Dabei gabs ein paar sehr große Änderungen. Allerdings zum Guten, wie ich finde. Naja schaut einfach mal selbst. *Klick*
So, hab mal wieder was an meinem Browserspiel gewerkelt....
Dabei gabs ein paar sehr große Änderungen. Allerdings zum Guten, wie ich finde. Naja schaut einfach mal selbst. *Klick*
Problem ist, dass niemand horizontales scrollen mag.Zitat
Du setzt voraus, dass deine Besucher eine Bildschirmaulösung von genau 1024x768 besitzen, mit allen anderen Auflösungen sieht die Seite nämlich nicht so aus, wie du es dir vorstellst.
Also nochmal Codereview.
- Das mit dem Bild als Überschrift hast du falsch verstanden. Das Bild gehört innerhalb von <h1 /> nicht das <h1 /> innerhalb des Bildes.
Dann kannst du auch das Umschließende <div> entfernen und gleich dem <h1 /> die ID box1 geben.- Du kannst auch der Liste (<ul>) die ID box2 direkt geben. Zusätzlich kannst du bestimmen, dass Listenpunkte innerhalb dieser Liste als inline* dargestellt werden.
- Das mit Inhalt und Navigation war ein sprachlicher Fehler meinerseits. Ich meinte <div> für Inhalt und <div> für Loginbereich in einem relativ positioniertem <div>. Nicht Inhalt und Leistennavigation
Dann positionierst du den absolut positionierten Loginbereich nämlich relativ im relativ positioniertem <div>.- Dein Code ist leider auch schwer lesbar, weil du <div>s fast nie an der Position schließt, an der su sie andernorts geöffnet hast.
Naja, du siehst, Positionierung ist sehr komplex. Die vier Arten der Positionierung werden auch von Michael Jendryschik etwas bearbeitet. Vielleicht hilft dir das ein wenig.
Tut mir leid, ich habe vorher nie groß darauf geachtet, kann die Änderungen daher nicht nachvollziehen.
Leider ist auch der ganze Code auf einer Zeile, weshalb ich da auch nichts dazu sagen kann.
Ok. Hab ich geändert.
Mach ich, aber alle Elemente werden bei mir jetzt, ausser Home, rechts aussen dargestellt, sogar übereinander geschrieben.
Wie kann ich dann das eine <div> in das andere verschachteln, wenn ich es nicht erst nachher schliesse?
Naja, dieses Toturial hab ich eigentlich gelesen, so wie es aussieht, bei einigen Punkten aber falsch verstanden.
Versuche, nur die Listenpunkte als Inlineelemente darzustellen, nicht die <ul> selbst. Die darf ruhig noch ein Blockelement bleiben.
Von Verschachtelung war nicht die Rede, sondern von:
Das ist schwer lesbar.
Wäre schon einfacher.
Ok, ein versuch von mir. Wenn du ein Element hast, das statisch positioniert ist (Standardeinstellung) und darin ein Element absolut positionierst, dann orientieren sich die Werre top, right, left und bottom an die Kanten des ersten Elternelements, welches nicht-statisch positioniert ist.
Das bedeutet im Normalfall, die Kanten des Anzeigebereichs.
Positionierst du etwas absolut in einem nicht-statisch positioniertem Element, dann richten sich die genannten Werte an die Kanten des nicht-statisch positionierten Elements.
Nebenbei wäre es einfacher wenn du deine Arbeit auf eine Stildatei beschränken würdest. So kommt man doch nur durcheinander :/
--
Die Wespe, der Fuchs und der Vogel gehen erst in die Oper und dann auf Safari. 8)
Nützliche Adressen (HTML, CSS, PHP, MySQL, Werkzeuge) für Webgestalter.
-> Übersicht meiner Artikel (HTML Strict verstehen Teil 1-8 und weitere interessante Themen).
Hab das von dir erklärte jetzt verstanden, du hast es wirklich gut erklärt. Danke
Das mit den <div> Elementen kann daran liegen, dass ich z.B. die Navigation mit PHP eingebunden habe.
Edit: So, nun sollte eigentlich in keinem fall mehr nach rechts gescrollt werden müssen.
Das mit den 2 Stil Dateien, sind eigentlich nicht 2 sondern nur alte und neue Version, damit ich die alte noch habe, wenn ich etwas neues probiere und es dann nicht klappt.
Geändert von Drakes (16.01.2007 um 20:20 Uhr)
Puh, glück gehabt
Ein Hinweis wohl noch obendrauf, wenn möglich, würde ich versuchen das Element von der Kante aus zu positionieren, der es am nächsten ist.
Da das Formular bei dir rechts ist, würde ich daher right: Xeinheit; statt left: Bildschrimbreite-X; wählen
Nebenbei kommt es mir so vor, als müsstest du noch einiges über die CSS-Selektoren lernen. Damit kannst du fast alle Stilangaben aus dem Dokument streichen und benötigst weniger IDs und Klassen
Ja, hab ich schon verändert. Das Login sollte jetzt immer ganz rechts erscheinen und die gleiche Höhe wie die News Hintergrundfarbe. Edit: ...haben.Puh, glück gehabt
Ein Hinweis wohl noch obendrauf, wenn möglich, würde ich versuchen das Element von der Kante aus zu positionieren, der es am nächsten ist.
Da das Formular bei dir rechts ist, würde ich daher right: Xeinheit; statt left: Bildschrimbreite-X; wählen
Ich werde mich auf die optimierung in nächster Zeit mehr konzentrieren.
Geändert von Drakes (17.01.2007 um 08:13 Uhr)
Der letzte Teil des Satzes ergibt, glaube ich, keinen Sinn^^
Aber nochmal der Hinweis: absolute Positionierung entzieht das positionierte Element dem Elementenfluss, d.h. es wirkt sich nicht mehr auf andere Elemente aus. Es lässt diese nicht expandieren und verschiebt diese auch nicht, sondern legt sich höchstens drüber.
Daher passt sich der Inhalt nicht dem Formular an. Das siehst du wenn du im Firefox mit Strg und - herauszoomst.
Hab auch nun endlich eine die ist aber noch nicht ganz fertig www.esdi-page.de
und deine seite wird gehosted vom mmx..?
Nein.
Dann würde ich mal den Hosted by Multimediaxis Button rausnehmen.
Gibst auch noch einen anderen Button?
Finde leider keinen.
@drakes
Kannst du mir das mal genauer erklären?
Kleiner Tipp, bei dem Hintergrundbild der Titelleisten von den Fenstern könntest du es gleich machen wie im Header, also es nur für einen kleinen Bereich laden, aber im CSS(bei dier einfach Style) einfach background-repeat: repeat-x definieren.
Geändert von Drakes (28.04.2007 um 09:01 Uhr)
In diesem Thema bin ich ja bekannt für meine eiserne Kritik. Ich bin auch schon angesprochen und gefragt worden, weshalb ich nicht selbst mal was vorzeige. Lange hab ich mich davor gedrückt, aber jetzt ist es doch mal soweit: Ich stelle ein Design vor
Das Konzept für diese Webseite habe ich schon seit Jahren. Ich war wohl meiner Zeit voraus, da man durchaus Web 2.0 Ansätze darin entdecken kann. Aber nicht im Design, deshalb rede ich nicht weiter davon
Das Design für Projekt Minne: HTML, XHTML.
Es ist graphisch kein Meisterwerk. Für die gewünschte Zielgruppe wäre es aber meiner Meinung nach passend gewesen.
Im Firefox und Opera lässt sich die Seite problemlos zoomen. Der IE 7 kann problemlos über die Textgröße zoomen (leider nur fünf Stufen). Beim normalen Zoomen macht er den fehlerhaften Komplettzoom (kein Fehler des Designs).
Das Design funktioniert in IE 5.5 bis 7, obwohl jeder dazu Hacks benötigte. Für die, die es interessiert hab ich die iefixes.css ein bisschen kommentiert.
In IE 6 und früher wird das Titelbild ohne Alphatransparenz angezeigt, aber man sieht die schönere Fallbackfarbe anstatt des MS-Graus.
IE 5.5 funktioniert zwar, allerdings nur, weil die IE 6 Hacks ausreichen. IE 5.x unterstütze ich freiwillig nicht mehr! Im IE 5.0 sieht man daher nur den Inhalt, weil dort weitere Hacks nötig gewesen wären.
Ja, ansonsten. Vielleicht ein kleines bisschen trostlos, der alleinstehende blaue Schriftzug ist so ziemlich das einzige, das hier mal einen farbigen Kontrast liefert. Ein bisschen peppiger könnts schon sein.
Die externen Links hätte ich persönlich weniger mit einem Text gekennzeichnet. Vor allem bei Nur-Verbrauchern möglicherweise etwas irreführend.
Die Überschrift würde mir besser ohne Unterstreichung gefallen. Ich mag Unterstreichungen, wenn es nicht um Links geht im Allgemeinen weniger, weils einfach schnell mal in die Irre führt.
Sonst.. Vom Code her würd ich mir bei einer Seite von dir keine Gedanken machen. ^^
Allgemein sieht die Seite jetzt nur so vom Design her ganz okay aus (ich mag das Hintergrundbild). Wie schon gesagt, etwas mehr Kontraste würden mir persönlich besser gefallen und das ganze vielleicht optisch etwas aufmöbeln.
Das erste Problem ist ein Serverproblem, der sendet HTML als ISO-8859-1 aus. Die XHTML-Variante (und der Code ist schließlich XHTML) funktioniert einwandfrei. Davon abgesehen wäre das Problem bei einem echten Produktiveinsatz natürlich behoben worden
Hm, das mit der Trostlosigkeit kann ich nicht nachvollziehen. Für mich ergibt das Gesamtbild ein eher warmes Gefühl. Liegt eventuell auch an meiner etwas dunkleren Bildschirmhelligkeit?
Da die Verweise nur mit einer Klasse markiert sind, wäre es auch kein Problem, den Text durch etwas anderes zu ersetzen
Jain. Studien haben gezeigt, dass Überschriften, die Verweise sind, nur selten als solche erkannt werden, selbst wenn sie alle Eigenschaften eines normalen Verweises besitzen. Von daher empfinde ich die eine Unterstreichung pro Seite nicht als so furchtbar schlimm
Einfach mal ohne Stilangaben ansehen (geht halt nur nicht im IE, hm obwohl: da ich kein Druckstylesheet erstellt habe müsste das aufs selbe rauskommen).
Sehr viel daran Arbeiten werde ich aber nicht mehr. Minne is Hinne - leider.
Also mir gefällt die Farbgebung, ich finde es hat eine recht warme Farbe. Das Blau der Ober-Überschrift passt auch gut dazu. ^^
Nu wundert es mich etwas, dass gerade du ein Hintergrundbild (und damit eins ohne Alternativtext) als Überschrift verwendest. o_O
Tja, ansonsten gibt's eh nichts zu sagen, sieht gut aus. ^^ Das mit den externen Links hat NPC (Der btw ur fies ist, weil auch coole Typen wie ich Größen-Beschränkungen beim Dateiupload haben! ò_Ó) ja schon erwähnt, und du hast's ja auch schon erklärt.
Eine echte h1-Überschrift ist ja schon vorhanden, allerdings wäre es problematisch, die an die gewünschte Position zu bringen, ohne die Struktur sinnlos zu beeinflussen.
Da die Bildüberschrrift im Dokument keine Bedeutung hat brauchts da auch kein Element.
ich finds ziemlich hübsch^^
was mich nur stört, und du imo ändern solltest, ist die position der navileiste links.
imo sollte die überschrift der ersten kategorie auf gleicher höhe wie der inhaltskasten beginnen, und nicht dadrüber, das sieht hässlich aus.
die farbgebung find ich toll.
das mit den links als extern sollte wirklich lieber eine kleine unauffällige grafik oder so sein^^ (wie gelöst? :after oder so..? ich dachte, das funktioniert noch nicht richtig..... zu faul es im quelltext zu suchen...)
appropos:
ist das durch irgendwas optimiert, programme o.ä. oder hast du das zwecks einsparen von 5 byte gekürzt oder so?^^
Ich finds nämlich sehr unübersichtlich, wie dus machst... so ohne leerzeilen und einrücken....
Ist doch optimal, was willst du?^^
vllt wäre es noch besser, die navi über den inhalt zu stellen, für textbrowser usw. aber sonst... hab ich nix auszusetzen^^
Ja, und weil solche wie ich da keinen eigenen User Acc haben... (gibts die überhaupt schon?^^)
--
cats are not characteristically disposed toward voluntary aerobic exercise
Berechtigungen
