Ok. Hab ich geändert.Zitat von mitaki
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 19: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 07: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.
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
Ich habs mal versucht, aber das sagt mir ganz und gar nicht zu.
Ja, mit :after. Wie kommst du zu der Meinung, das würde nicht funktionieren? Die Browser kennen das schon ewig. Der IE hat damit Probleme, aber der bekommt halt rote Verweise.
Habe jetzt mal einen Pfeil hingemacht
Optimiert sind nur die Bilder mit PNGOUT. Den Rest hab ich so belassen, weil ich ehrlich gesagt zu Faul dafür war^^
Eingerückt ist das schon, aber halt nur sehr leicht, weil das Ein- und Ausblenden von Elementbereichen in meinem Editor (Notepad++) sehr einfach möglich ist.
Ein Ein-Zeilen-CSS würde um die 20% sparen, aber das wollte ich zur Demonstration auch nicht machen.
Naja, Navi unten und dafür oben ein Hinweis ist ein guter Kompromiss zwischen Struktur und Suchmaschinenoptimierung.
Hab meine zweite Page vertiggestellt, Design kann man mal hier begutachten. Ich hoffe wieder auf eure harte Kritik, die mir letztesmal sehr geholfen hat. Leider hab ich es für den IE6 nicht zum laufen gebracht(wegen :hover, hat funktioniert, Untermenu wurde jedoch komischerweise nicht mehr ausgeblendet). Und, ja, Hintergrundfarbe(hellorange) ist schrecklick, das weiss ich, werd ich zur Zeit jedoch nicht ändern.
Entweder ich bin high oder diese Seite könnte sich wirklich Villa Kunterbunt nennen. o.oHab meine zweite Page vertiggestellt, Design kann man mal hier begutachten. Ich hoffe wieder auf eure harte Kritik
--Droggelbecher.
Die 2. Version meiner FF12 Maps Seite.
http://www.ff12maps.com (Die Domain wird in den nächsten tage transferiert, daher noch der redirect).
Mehr platz für die Karte, und alles so dynamisch und interaktiv wie möglich. ^^
Alles mit dynamischen Fenstern realisiert. Diese lassen sich verschieben, minimieren, maximieren, schließen, etc.
Die Karte lässt sich per Drag&Drop verschieben. Auf den einzelnen Karten(ausser der Weltkarte) sind alle Regionen mit Polygonen areas und mouseover zu sehen. Shops werden nachgeladen und auch per Mouseover eingeblendet.
Bei den Hunts, Esper, etc. wird bei PHP ein marker auf der Karte erzeugt.
Bei Bestiary werden per PHP die Bereiche eingefärbt.
Das war ein wirkliches Stück Arbeit! ^^
Alles neue findet ihr auch oben rechts bei dem "?" button! ^^
Ich würd mir die Seite gerne anschaun, aber es gibt zwei Probleme:
a) Die Schriftart ist sehr schlecht lesbar.
b) Habs testweise auch mal im IE probiert. Da wird die Karte anscheinend gar nicht erst geladen.
OK, ich hab sogar drei Probleme
c) In Opera erscheinen Tooltips zu allen möglichen Orten, nur nicht zu dem, über dem die Maus grade steht. Auf der Karte "Nalbina Town" krieg ich fast überall "Goto map Dalmasca Estersand" und irgendwo unterhalb der Map dann welche für die Shops
--
Geändert von DFYX (07.03.2007 um 15:31 Uhr)
Du meinst die Schriftart des Menüs?
Sicherlich ist es kein Arial 20pt, aber lesen kann man es ja wohl (ich jedenfalls bei 1280x1024).
Hatte gerade etwas verändert, das der IE7 net mag.. jetzt gehts. ^^
Zu 3: Interessant! BEi mir gehts ganz ohne Probleme: http://www.m4lu.de/ff12maps/opera.jpg
Luc, dir muss echt langweilig sein!
Sieht nach nem super Stück Software aus - hab es allerdings nicht allzugenau inspiziert.
--«Wir können alles schaffen, wir brauchen nur genug dressierte Affen» - infinite monkey theorem
Höhö, danke!Luc, dir muss echt langweilig sein!
Sieht nach nem super Stück Software aus - hab es allerdings nicht allzugenau inspiziert.
@ DFYX: Kannste mir nen Screen von deinem Opera Fehler schicken? Oder sagen welche Opera Version du nutzt?
Berechtigungen
