nicht angemeldet
Der Martin
Detlef G.
MudGuard
Der Martin
Der Martin
Detlef G.
Tag alle.
So, http://www.steuerwerkstatt.de/ hat ein neues Gesicht, danke an dieser Stelle nochmal an alle, die mir dabei geholfen haben. Ich bitte euch (nun wirklich zum letzten Mal) um eure Meinung zu den Seiten. Kleiner Hinweis: die Volltextsuche in den News ist noch nicht fertig, aber das sollte nicht weiter stören, denke ich.
Vielen Dank
Siechfred
Hallo Siechfred,
Ich bitte euch (nun wirklich zum letzten Mal) um eure Meinung zu den Seiten.
Also, die Optik gefällt mir gut, und auf die Schnelle konnte ich auch keine Schnitzer wie z.B. Positionierungsfehler oder tote Links entdecken.
Nur aus rein ästhetischen Gesichtspunkten stören mich ein paar Kleinigkeiten.
1. Im Schriftzug "www.Steuerwerkstatt.de" ist ein Großbuchstabe, der in URLs nun mal unüblich ist. Ich hätte den Schriftzug komplett in Kleinbuchstaben gesetzt.
2. Vom optischen Effekt her wirkt es gut, dass in der Linkleiste oben das gesamte Feld beim Hovern in Grün umschlägt. Aber warum ist nicht auch das ganze Feld als Link definiert? Der Farbumschlag und das Linkziel in der Statuszeile kommen erst, wenn ich mit der Maus auf die Schrift zeige, nicht wenn ich innerhalb des Feldes neben die Schrift zeige.
3. Mir persönlich gefällt es nicht, wenn die erste Zeile eines Absatzes eingerückt ist; ich finde, das sieht "unordentlich" aus. Besonders bei kurzen Absätzen, die nur aus ein bis zwei Zeilen bestehen, ergibt das eine chaotische Optik.
Ich hoffe, ich hab dir mit diesen Ausführungen nicht auf den Schlips getreten; du wolltest Meinungen hören, und ich habe meine geäußert. :-)
So long,
Martin
Tag Martin.
- Im Schriftzug "www.Steuerwerkstatt.de" ist ein Großbuchstabe, der in URLs nun mal unüblich ist. Ich hätte den Schriftzug komplett in Kleinbuchstaben gesetzt.
Ich wollte damit den Charakter "Eigenname" hervorheben, so wie bspw. bei "T-Online.de". Und eigentlich fällt es doch nur dem unkundigen Betrachter auf (der in der Mehrzahl sein dürfte). Mein Schwiegervater gibt Hyperlinks auch immer unter Beachtung von Groß- und Kleinschreibung ein :-)
- Vom optischen Effekt her wirkt es gut, dass in der Linkleiste oben das gesamte Feld beim Hovern in Grün umschlägt. Aber warum ist nicht auch das ganze Feld als Link definiert?
Hm, sollte es eigentlich, das Problem tritt allerdings im IE auf. Ist das dein Browser?
- Mir persönlich gefällt es nicht, wenn die erste Zeile eines Absatzes eingerückt ist; ich finde, das sieht "unordentlich" aus. Besonders bei kurzen Absätzen, die nur aus ein bis zwei Zeilen bestehen, ergibt das eine chaotische Optik.
Ich finde es so ganz hübsch, weil es dann im Zusammenhang mit der Überschrift und dem Kreuzchen m.E. einen harmonischeren Textfluss ergibt. Das mit den kurzen Absätzen ist mir allerdings schon aufgefallen.
Ich hoffe, ich hab dir mit diesen Ausführungen nicht auf den Schlips getreten; du wolltest Meinungen hören, und ich habe meine geäußert. :-)
I wo, ich und auf den Schlips getreten fühle :-)
Siechfred
Moin,
Im Schriftzug "www.Steuerwerkstatt.de" ist ein Großbuchstabe, [...]
Ich wollte damit den Charakter "Eigenname" hervorheben, so wie bspw. bei "T-Online.de".
Hmm, auch bei denen bin ich konsequent: Entweder die Domain "t-online.de" oder der Eigenname T-Online (dann aber ohne ".de").
Mein Schwiegervater gibt Hyperlinks auch immer unter Beachtung von Groß- und Kleinschreibung ein :-)
*g*
[...] Aber warum ist nicht auch das ganze Feld als Link definiert?
Hm, sollte es eigentlich, das Problem tritt allerdings im IE auf. Ist das dein Browser?
Ja. Aber auch der "kann" das eigentlich, wenn man dem Link selbst ein disply:block spendiert.
Mir persönlich gefällt es nicht, wenn die erste Zeile eines Absatzes eingerückt ist; [...]
Ich finde es so ganz hübsch, weil es dann im Zusammenhang mit der Überschrift und dem Kreuzchen m.E. einen harmonischeren Textfluss ergibt.
Ja, das Fadenkreuz am Absatzanfang gefällt mir als Stilmittel auch gut. Aber harmonisch wirkt das für mich trotzdem nicht. Auch in Büchern finde ich es übersichtlicher, wenn der linke Rand einheitlich ist. Absätze sind IMHO schon durch den vertikalen Abstand klar erkennbar.
I wo, ich und auf den Schlips getreten fühle :-)
Na dann... ;-)
Schönen Sonntag noch,
Martin
Tag Martin.
[...] Aber warum ist nicht auch das ganze Feld als Link definiert?
Hm, sollte es eigentlich, das Problem tritt allerdings im IE auf. Ist das dein Browser?
Ja. Aber auch der "kann" das eigentlich, wenn man dem Link selbst ein disply:block spendiert.
Seltsam, die Links haben die Eigenschaft display:block.
Siechfred
hi,
Ja. Aber auch der "kann" das eigentlich, wenn man dem Link selbst ein disply:block spendiert.
Seltsam, die Links haben die Eigenschaft display:block.
das reicht dem IE nicht - der will auch noch ein width:100% dazu.
ja, ist widersinnig, und klappt natürlich nur, wenn man mit padding/margin/borders aufpasst.
gruß,
wahsaga
Tag wahsaga.
Seltsam, die Links haben die Eigenschaft display:block.
das reicht dem IE nicht - der will auch noch ein width:100% dazu.
Muss ich mal testen, danke für den Hinweis. Übrigens, könntest du bei Gelegenheit mal deinen IE5 anwerfen wegen des Box-Model-Bugs? Ich habe zwar denke ich alle margins und paddings berücksichtigt, würde es aber gern nochmal verifizieren.
Siechfred
hi,
Übrigens, könntest du bei Gelegenheit mal deinen IE5 anwerfen wegen des Box-Model-Bugs?
Ich habe zwar denke ich alle margins und paddings berücksichtigt, würde es aber gern nochmal verifizieren.
habe hier zuhause nur einen "unechten" IE 5.01 und 5.5 - aber damit sieht die startseite weitgehend identisch aus.
abgesehen von der tatsache, dass dort alles links hängt - weil die über margin:auto nicht zentrieren können.
workaround sollte bekannt sein - text-align:center für body, und für kindelemente wo nötig wieder aufheben.
gruß,
wahsaga
Tag wahsaga.
habe hier zuhause nur einen "unechten" IE 5.01 und 5.5 - aber damit sieht die startseite weitgehend identisch aus.
Okay.
abgesehen von der tatsache, dass dort alles links hängt - weil die über margin:auto nicht zentrieren können. workaround sollte bekannt sein - text-align:center für body, und für kindelemente wo nötig wieder aufheben.
Danke für den Hinweis. Wird zwar nochmal einiges an Aufwand, aber was tut man nicht alles für den IE :-)
Siechfred
Hallo Siechfred,
also mein Gesamteindruck ist erst einmal positiv, die farbliche Gestaltung in dezenten Grüntönen ist in Ordnung, die Seite ist sehr übersichtlich, besonders die Navigation gefällt mir sehr.
- Im Schriftzug "www.Steuerwerkstatt.de" ist ein Großbuchstabe, der in URLs nun mal unüblich ist. Ich hätte den Schriftzug komplett in Kleinbuchstaben gesetzt.
Ich hingegen finde gut, dass er nicht in Kleinbuchstaben gesetzt ist. Vor allem, wenn ein Name dahintersteht. Also ich würde auch nicht Forum.De.SELFHTML.org oder sowas ungewöhnliches schreiben, aber halte Schreibweisen wie RTL.de, Joseph-Meier.de, etc. für sinnvoll.
- Vom optischen Effekt her wirkt es gut, dass in der Linkleiste oben das gesamte Feld beim Hovern in Grün umschlägt. Aber warum ist nicht auch das ganze Feld als Link definiert? Der Farbumschlag und das Linkziel in der Statuszeile kommen erst, wenn ich mit der Maus auf die Schrift zeige, nicht wenn ich innerhalb des Feldes neben die Schrift zeige.
Ja, im IE ist das so. Im Firefox ist's so, wie es sein soll.
- Mir persönlich gefällt es nicht, wenn die erste Zeile eines Absatzes eingerückt ist; ich finde, das sieht "unordentlich" aus. Besonders bei kurzen Absätzen, die nur aus ein bis zwei Zeilen bestehen, ergibt das eine chaotische Optik.
Da geb ich Martin Recht.
Nicht eingezogen aber auch nicht ideal, was daran liegt, dass dieses Grafikelement unter den Überschriften den Text optisch durch die Vertikale angreifen würde.
Auf anderen Seiten wie Schwerpunkte oder Aktuelles ist das hingegen gut.
4. Bei Schwerpunkte: Ich weiß nicht, ob du auch für Inhalt verantwortlich bist, aber ich würde mich festlegen, ob man Substantive oder substantivierte Verben benutzt. Durch Substantive erzielt man mehr schlichte Objektivität, durch Verben mehr Aktivität. Also entweder jedes mal "Erstellung/Erarbeitung/Prüfung/Begleitung" oder jedes mal "Erstellen/Erarbeiten/...". Vor allem, wenn sie untereinander stehen, dann ist das Problem auch noch ein ästhetisches.
Noch ein Tipp: Wenn man die Satzstruktur in jedem Punkt beibehält, wirkt es übersichtlicher, kurz und knackig, und ist damit einprägsamer.
Beaucoup of Grüße
Christian
Hallo.
- Bei Schwerpunkte: Ich weiß nicht, ob du auch für Inhalt verantwortlich bist, aber ich würde mich festlegen, ob man Substantive oder substantivierte Verben benutzt. Durch Substantive erzielt man mehr schlichte Objektivität, durch Verben mehr Aktivität. Also entweder jedes mal "Erstellung/Erarbeitung/Prüfung/Begleitung" oder jedes mal "Erstellen/Erarbeiten/...". Vor allem, wenn sie untereinander stehen, dann ist das Problem auch noch ein ästhetisches.
Noch ein Tipp: Wenn man die Satzstruktur in jedem Punkt beibehält, wirkt es übersichtlicher, kurz und knackig, und ist damit einprägsamer.
Dann könnte man es aber auch gleich richtig machen, indem man zumindest bei der "Abschlusserstellung" das sich wiederholende "Erstellung von" tilgt und die Formulierung daran anpasst.
MfG, at
Tag at.
Dann könnte man es aber auch gleich richtig machen, indem man zumindest bei der "Abschlusserstellung" das sich wiederholende "Erstellung von" tilgt und die Formulierung daran anpasst.
Danke für den dezenten Hinweis. Steht dein Angebot von der ersten Seitenvorstellung hier im Forum noch?
Siechfred
Hallo.
Danke für den dezenten Hinweis.
Gern.
Steht dein Angebot von der ersten Seitenvorstellung hier im Forum noch?
Aber selbstverständlich.
MfG, at
Tag at.
Steht dein Angebot von der ersten Seitenvorstellung hier im Forum noch?
Aber selbstverständlich.
Freut mich, du hast Post :-)
Siechfred
Hi,
mir ist das irgendwie zu grün. Da sollte wenigstens ein kleiner Kontrast drin sein.
Ok, den Kontrast kann ich mir selbst erstellen, indem ich passende Farben für unbesuchte und besuchte Links einstelle, aber das kann ja nicht in Deinem Interesse sein. Was ist, wenn ich zufällig #f1f6f1 gewählt hätte? Dann würde ich keinen einzigen Link außer der Hauptnavigation sehen können. Das oft sogar standardmäßig eingestellte Lila für besuchte Links paßt übrigens auch nicht wirklich.
Apropos Links: Dir ist klar, daß Deine "nach oben"-Links fehlerhaft sind und von einigen Browsern ignoriert werden?
Und da Du externe Seiten nicht im neuen Fenster öffnest, fände ich es auch sinnvoll, sie irgendwie zu kennzeichnen.
freundliche Grüße
Ingo
Tag Ingo.
mir ist das irgendwie zu grün. Da sollte wenigstens ein kleiner Kontrast drin sein.
Hm, Geschmackssache :-)
Ok, den Kontrast kann ich mir selbst erstellen, indem ich passende Farben für unbesuchte und besuchte Links einstelle, aber das kann ja nicht in Deinem Interesse sein. Was ist, wenn ich zufällig #f1f6f1 gewählt hätte? Dann würde ich keinen einzigen Link außer der Hauptnavigation sehen können. Das oft sogar standardmäßig eingestellte Lila für besuchte Links paßt übrigens auch nicht wirklich.
Meinst du nicht, dass man mit einem eigenen CSS so ziemlich jede Seite unbenutzbar machen könnte? Es sei denn, du wüsstest einen Weg, wie man ein Benutzer-CSS aushebeln kann, mir ist allerdings keine bekannt. Die Linkdefinitionen im CSS sollten m.E. allerdings vollständig sein, oder habe ich da was übersehen?
Apropos Links: Dir ist klar, daß Deine "nach oben"-Links fehlerhaft sind und von einigen Browsern ignoriert werden?
Was ist daran fehlerhaft, die Raute? Wäre es besser, einen Anker "top" explizit zu definieren und auf diesen zu verlinken? Und welche Browser betrifft das?
Und da Du externe Seiten nicht im neuen Fenster öffnest, fände ich es auch sinnvoll, sie irgendwie zu kennzeichnen.
Du meinst durch eine Art kleine Grafik vornedran (so wie bspw. in Selfhtml)?
Siechfred
Hallo Siechfred
... Die Linkdefinitionen im CSS sollten m.E. allerdings vollständig sein, oder habe ich da was übersehen?
Ja, du hast die #navcontainer A und #news a definiert, aber keine Links
außerhalb dieser beiden Elemente.
Auf Wiederlesen
Detlef
Hi,
Meinst du nicht, dass man mit einem eigenen CSS so ziemlich jede Seite unbenutzbar machen könnte?
Natürlich, aber darum geht's ja nicht, wie Dir ja inzwischen schon gesagt wurde.
Was ist daran fehlerhaft, die Raute? Wäre es besser, einen Anker "top" explizit zu definieren und auf diesen zu verlinken? Und welche Browser betrifft das?
Du hast hinter der Raute kein Sprungziel angegeben. Daß die meisten Browser trotzdem zum Anfang springen, ist eigentlich falsch; Opera 7 ignoriert das z.B.
Und da Du externe Seiten nicht im neuen Fenster öffnest, fände ich es auch sinnvoll, sie irgendwie zu kennzeichnen.
Du meinst durch eine Art kleine Grafik vornedran (so wie bspw. in Selfhtml)?
Ja. Irgendwas, das verdeutlicht, daß man Deine Seiten verläßt. Wer sie nämlich nicht verlassen will, kann dann ein neues Fenster oder einen neuen Tab nutzen.
freundliche Grüße
Ingo
Hi,
So, http://www.steuerwerkstatt.de/ hat ein neues Gesicht,
Ist es Absicht, daß der Link ganz oben (www.Steuerwerkstatt.de) und die Links im Hauptteil von Dir keine Farben zugewiesen bekommen?
Im Impressum: das Stadtbahnbild hat eine/die falsche Hintergrundfarbe.
cu,
Andreas
Tag Ingo, Detlef und MudGuard.
Ist es Absicht, daß der Link ganz oben (www.Steuerwerkstatt.de) und die Links im Hauptteil von Dir keine Farben zugewiesen bekommen?
Das mit den Links sollte jetzt korrigiert sein, das hatte ich völlig übersehen. Danke für den Hinweis.
Im Impressum: das Stadtbahnbild hat eine/die falsche Hintergrundfarbe.
Naja, es ist das Original-Logo, da wollte ich nichts verändern :-)
Gibt es sonst noch Anmerkungen?
Siechfred
hi,
Im Impressum: das Stadtbahnbild hat eine/die falsche Hintergrundfarbe.
Naja, es ist das Original-Logo, da wollte ich nichts verändern :-)
dem tust du aber m.E. kein allzu großes unrecht an, wenn du das weiß deiner hintergrundfarbe anpasst.
alternativ das bildchen vielleicht auch mit einem dezenten kleinen rahmen versehen (ggf. darin auch noch etwas padding) - damit man wenigstens merkt, dass es keine unachtsamkeit war, sondern absicht ist.
gruß,
wahsaga
Tag wahsaga.
alternativ das bildchen vielleicht auch mit einem dezenten kleinen rahmen versehen (ggf. darin auch noch etwas padding) - damit man wenigstens merkt, dass es keine unachtsamkeit war, sondern absicht ist.
Jetzt besser oder zu dezent?
Siechfred
hi,
Jetzt besser oder zu dezent?
da ich keine unterschied bemerke - vermutlich zu dezent :-)
(nein, wohl kein cache-problem meinerseits.)
gruß,
wahsaga
Hallo Siechfred
Gibt es sonst noch Anmerkungen?
Wenn der Schriftgrad im Firefox zwei mal erhöht wird befindet sich bereits ein
Teil von "www.Steuerwerkstatt.de" hinter der Navigation.
Ich würde für #logo height:53px; nur für IE und min-height:53px; für Browser
angeben. Die Hintergrundgrafik bekäme dann background-position:bottom left;.
Optimal wäre dann zwar, wenn die Grafik nach oben hin etwas höher wäre, aber
auch so fände ich es immer noch besser, als das Überdecken der Schrift.
Bei mir bricht die Navigation um, wenn ich im IE die Schriftgröße ändere.
Auf Wiederlesen
Detlef
Tag Detlef.
Wenn der Schriftgrad im Firefox zwei mal erhöht wird befindet sich bereits ein Teil von "www.Steuerwerkstatt.de" hinter der Navigation.
Ja, das ist zwar nicht unbedingt gewollt, zerschießt mir aber sonst das Layout. Alternativ überlege ich die Lösung, die du mir seinerzeit für wartburgchor.net vorgeschlagen hast (Überschrift in Grafik kombiniert mit einer verborgenen Textüberschrift für ältere Browser).
Bei mir bricht die Navigation um, wenn ich im IE die Schriftgröße ändere.
Ja, bei Schriftgrad "Sehr groß", aber damit kann ich leben, denke ich :-)
Siechfred
Hallo Siechfred
Ja, das ist zwar nicht unbedingt gewollt, zerschießt mir aber sonst das Layout.
Ich finde, dass das Layout bei diesem Beispiel nicht zerschossen wirkt.
Auch die straba.gif finde ich so passender als mit Rahmen.
Alternativ überlege ich die Lösung, die du mir seinerzeit für wartburgchor.net vorgeschlagen hast (Überschrift in Grafik kombiniert mit einer verborgenen Textüberschrift für ältere Browser).
Das würde ich heute und speziell in diesem Fall nicht mehr so machen. Bei
der Chorseite ging es darum, die grafische Überschrift auch umbrechen zu
lassen.
Ja, bei Schriftgrad "Sehr groß", aber damit kann ich leben, denke ich :-)
Es bricht bei mir auch bei einer Verkleinerung um eine Stufe um.
Auf Wiederlesen
Detlef
Tag Detlef.
Ich finde, dass das Layout bei diesem Beispiel nicht zerschossen wirkt.
Danke, werde ich mir ansehen. Die jetzige Grafiklösung finde ich allerdings auch nicht die Schlechteste.
Auch die straba.gif finde ich so passender als mit Rahmen.
Oh, danke, habe mir die geänderte Grafik mal geklaut :-)
Ja, bei Schriftgrad "Sehr groß", aber damit kann ich leben, denke ich :-)
Es bricht bei mir auch bei einer Verkleinerung um eine Stufe um.
*grml* der IE und em in Verbindung mit den Rahmen scheint mir das Problem zu sein, bei Skalierung reicht der Platz nicht mehr aus und der IE bricht um. Ich habe das jetzt wie folgt gelöst (ein Hoch auf den Star-HTML-Hack):
* html #navcontainer {
width:101%;
}
* html #header {
overflow:hidden;
}
Ob das 1% mehr bei Skalierung im IE angezeigt wird, kann mir nun wirklich egal sein, es fällt hier zumindest im IE 6 nicht wirklich auf.
Siechfred
Hallo Siechfred
Danke, werde ich mir ansehen.
Tu das, die Zenrtierung für alte IEs ist auch bereits drin.
Oh, danke, habe mir die geänderte Grafik mal geklaut :-)
Wozu hätte ich sie denn sonst gemacht?
*grml* der IE und em in Verbindung mit den Rahmen scheint mir das Problem zu sein, bei Skalierung reicht der Platz nicht mehr aus und der IE bricht um.
Es wird sich wohl aus Rundungsfehlern so ergeben.
Ob das 1% mehr bei Skalierung im IE angezeigt wird, kann mir nun wirklich egal sein, es fällt hier zumindest im IE 6 nicht wirklich auf.
Es wird wohl kaum auffallen, da sich die Navigation mit den Buttons sowieso
vom Rest abhebt.
Auf Wiederlesen
Detlef
Tag Detlef.
Oh, danke, habe mir die geänderte Grafik mal geklaut :-)
Wozu hätte ich sie denn sonst gemacht?
*gg*
Danke für deine Hilfe.
Siechfred
Hallo Siechfred,
mir fallen -erstmal am Firefox- ein paar Punkte beim Layout auf die ich vielleicht anders machen
würde, d.h. ich hab noch nicht viel rumprobiert ob entspr. Änderungen langfristig überzeugen würden
und was vielleicht einfach eine Frage des Geschmacks ist:
Die Schrift Tahoma ist mir zu unruhig und anstrengend. Den Hintergrund finde ich zu grün, den
Aktendeckel beim Scrollen zu anstrengend. Dann würde ich vielleicht immer einen Scrollbalken
erzeugen damit das Layout stabil bleibt. Zwischen den Listenpunkten könnte vielleicht ein höherer
Abstand als der Zeilenabstand die Lesbarkeit verbessern, jetzt ist er gleich oder möglicherweise
sogar geringer. Die Schriftgrößen lassen sich beim Mozilla in vielleicht nur zu großen Schritten
verstellen, beim IE habe ich auch geschaut, da scheint es umgekehrt (Vielleicht ein Problem der
üblichen, aber m.E. nicht optimalen 100.01% o.ä. beim body?).
Dabei habe ich mir deine Seiten gerade unter Windows XP mit Firefox und einem nicht so knackigen
19-Zoll TFT (und, wie wohl allgemein üblich, ohne clear-type Kantenglättung) angeschaut.
Grüsse
Cyx23
Tag Cyx23.
Die Schrift Tahoma ist mir zu unruhig und anstrengend.
Ja, das ist tatsächlich Geschmackssache, darum habe ich bewusst eine etwas größere Schrift gewählt.
Den Hintergrund finde ich zu grün, den Aktendeckel beim Scrollen zu anstrengend.
Wenn ich Zeit habe, werde ich TomIRLs Vorschlag eines Farbverlaufs noch mal aufgreifen, ansonsten ist die jetzige Variante die, die mir bei meinen bisherigen Versuchen am Besten gefiel.
Zwischen den Listenpunkten könnte vielleicht ein höherer Abstand als der Zeilenabstand die Lesbarkeit verbessern, jetzt ist er gleich oder möglicherweise sogar geringer.
Welche Liste auf welcher Seite meinst du genau?
Die Schriftgrößen lassen sich beim Mozilla in vielleicht nur zu großen Schritten verstellen, beim IE habe ich auch geschaut, da scheint es umgekehrt (Vielleicht ein Problem der üblichen, aber m.E. nicht optimalen 100.01% o.ä. beim body?).
Gut möglich, aber ist das tatsächlich ein Problem?
Danke.
Siechfred
Hallo Siechfred,
Die Schrift Tahoma ist mir zu unruhig und anstrengend.
Ja, das ist tatsächlich Geschmackssache, darum habe ich bewusst eine etwas größere Schrift gewählt.
Mit einer kürzeren Laufweite, wodurch mir dann z.B. bei "Erarbeiten" , bzw. "ra", der Abstand
zwischen r und a etwas groß vorkommt, eine Unterschneidung oder kürzerer Abstand wäre bei der
Darstellung am Bildschirm vielleicht auch gar nicht möglich.
Welche Liste auf welcher Seite meinst du genau?
Das war wohl "Schwerpunkte":
Bereich
Die Schriftgrößen lassen sich beim Mozilla in vielleicht nur zu großen Schritten verstellen, beim IE habe ich auch geschaut, da scheint es umgekehrt (Vielleicht ein Problem der üblichen, aber m.E. nicht optimalen 100.01% o.ä. beim body?).
Gut möglich, aber ist das tatsächlich ein Problem?
Kann ich schlecht abschätzen, die Ausgangsgröße beim Mozilla ist wohl nicht zu klein, also
ist es eher kein Problem.
Grüsse
Cyx23
Tag Cyx23.
Welche Liste auf welcher Seite meinst du genau?
Das war wohl "Schwerpunkte":
Ja, ich werde den LI noch wohl noch etwas Abstand spendieren :-)
Danke.
Siechfred
Hier noch zwei Screenshots für dich. Der Mac IE verhaut die Navi und das Headerbild, und Safari gibt die Accesskeys zu klein aus. Camino (der bessere Firefox auf dem Mac) und Omniweb (der "beste" Mac-Browser) machen alles richtig.
Mac IE 5.2.3: http://www.fb07.de/temp/steuerwerkstatt_macie_2005-09-05.jpg
Safari 1.3.1 (Panther): http://www.fb07.de/temp/steuerwerkstatt_safari_2005-09-05.jpg
Viele Grüße!
_ds
Tag Schuer.
Der Mac IE verhaut die Navi und das Headerbild
Mac IE 5.2.3: http://www.fb07.de/temp/steuerwerkstatt_macie_2005-09-05.jpg
Hm, eine Ahnung, wie man "ihm" das beibringen kann? Naja, ich meine mal gelesen zu haben, dass den Mac IE sowieso kaum jemand benutzt weil er so buggy ist. Stellt sich also die Frage, ob man hier was tun sollte. Ggf. bekommt er (wie der NN4) eine lineare Seite ohne den grafischen Schnickschnack serviert.
Safari gibt die Accesskeys zu klein aus.
Safari 1.3.1 (Panther): http://www.fb07.de/temp/steuerwerkstatt_safari_2005-09-05.jpg
Ja, darauf hatte Elya mich schon hingewiesen. Dem kbd-Element habe ich die gleiche Schriftformatierung spendiert wie dem übrigen Linktext, nur Safari macht da so komische Sachen ... da würde wohl nur der Verzicht auf <kbd> zu Gunsten eines <span> bleiben. Aber auch hier die Frage: muss man wirklich etwas tun?
Camino (der bessere Firefox auf dem Mac) und Omniweb (der "beste" Mac-Browser) machen alles richtig.
Freut mich :-)
Danke.
Siechfred
Naja, ich meine mal gelesen zu haben, dass den Mac IE sowieso kaum jemand benutzt weil er so buggy ist.
Ja und nein. Er wird nicht mehr häufig benutzt. Allerdings nicht, weil er so buggy ist - angeblich ist/war er sogar standardkonformer als sein Win-Pendant -, sondern weil er schon seit einiger Zeit nicht mehr mit Mac OS ausgeliefert wird. Stattdessen ist Safari nun Standardbrowser auf dem Mac.
Benutzer mit Mac OS 9, das ähnlich wie Win 98 noch immer im Umlauf ist, haben allerdings keine große Auswahl. Sämtliche "modernen" Browser laufen darauf nicht, so dass sie auf den IE 5, Opera 6 und Netscape 4 angewiesen sind. Der IE ist dabei fast noch das kleinste Übel.
Stellt sich also die Frage, ob man hier was tun sollte.
Versuchen, die Sache in den Griff zu bekommen. Kann kein großes Problem sein. Wenn ich morgen mal Zeit habe, schaue ich es mir an.
Dem kbd-Element habe ich die gleiche Schriftformatierung spendiert wie dem übrigen Linktext, nur Safari macht da so komische Sachen ...
Safari hat oft andere Vorstellung von einer Hierarchie als andere Browser. So werden etwa Schriftangaben in em nach und nach "durchgereicht", so dass am Ende nur eine Winzigschrift übrigbleibt, wenn die em-Angaben unter 1 waren. Insofern musst du darauf achten, dass das verwendete Element im Verhältnis zum Ursprung, meist dem body, skaliert, und nicht etwa anhand eines übergeordneten <p>-, <form>- oder sonstigen Elements.
Viele Grüße!
_ds
Wenn ich morgen mal Zeit habe, schaue ich es mir an.
So, war nur eine Kleinigkeit:
1. Dein Headerbild bildet einen Textabsatz. Nicht sinnvoll, denn die id #logo kann du dem Bild direkt selbst mitgeben: <img id="logo" src="img/logo_oben.gif"..
2. #navcontainer und #header erhalten separate Angaben für den IE. Für den Mac-IE solltest du sie jedoch ausschließen. Das erreichst du durch einen Kommentar in der Form
/* IE-Win, jedoch nicht Mac-IE \*/
^ (!)
Viele Grüße!
_ds
Tag Schuer.
- Dein Headerbild bildet einen Textabsatz. Nicht sinnvoll, denn die id #logo kann du dem Bild direkt selbst mitgeben: <img id="logo" src="img/logo_oben.gif"..
- #navcontainer und #header erhalten separate Angaben für den IE. Für den Mac-IE solltest du sie jedoch ausschließen. Das erreichst du durch einen Kommentar in der Form
/* IE-Win, jedoch nicht Mac-IE \*/
^ (!)
Vielen Dank für die Hilfe!
Siechfred
Tag Schuer.
- Dein Headerbild bildet einen Textabsatz. Nicht sinnvoll, denn die id #logo kann du dem Bild direkt selbst mitgeben: <img id="logo" src="img/logo_oben.gif"..
Schwierig, da es sich um ein Hintergrundbild und eine darüberliegende Grafik handelt, deswegen auch der Absatz. Aber eventuell könnte ein DIV-Container Abhilfe schaffen.
- #navcontainer und #header erhalten separate Angaben für den IE. Für den Mac-IE solltest du sie jedoch ausschließen. Das erreichst du durch einen Kommentar in der Form
/* IE-Win, jedoch nicht Mac-IE \*/
Habe ich gestern abend versucht, aber nicht hinbekommen (vielleicht hab ich es auch nur falsch gemacht, jedenfalls wollte auch der Win-IE nichts mehr von den Extra-Angaben wissen). Gibt's für deinen Mac-IE-Hack irgendwo eine nähere Erklärung, in Google habe ich nur die Sache mit @import("pfad_zum.css") gefunden.
Siechfred
Schwierig, da es sich um ein Hintergrundbild und eine darüberliegende Grafik handelt, deswegen auch der Absatz. Aber eventuell könnte ein DIV-Container Abhilfe schaffen.
Achso, das hatte ich nicht bemerkt und mich nur gewundert, warum du einen Textabsatz benutzt. Div wäre sicherlich angebracht, ja.
Habe ich gestern abend versucht, aber nicht hinbekommen (vielleicht hab ich es auch nur falsch gemacht, jedenfalls wollte auch der Win-IE nichts mehr von den Extra-Angaben wissen).
Sorry, mein Fehler. Ich hätte mich genauer ausdrücken sollen. Du musst die genannte Kommentareinleitung verwenden, danach aber mit einem normalen Kommentar abschließen:
/* nur Mac-IE \*/
..
/* Ende Mac-IE */
Gibt's für deinen Mac-IE-Hack irgendwo eine nähere Erklärung, in Google habe ich nur die Sache mit @import("pfad_zum.css") gefunden.
http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html.
Viele Grüße!
_ds
Tag Schuer.
Achso, das hatte ich nicht bemerkt und mich nur gewundert, warum du einen Textabsatz benutzt. Div wäre sicherlich angebracht, ja.
Ich werde das ändern und sage dann Bescheid. Es wäre nett, wenn du dann noch mal schauen könntest.
/* nur Mac-IE \*/
..
/* Ende Mac-IE */
http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html.
Nochmal Danke!
Siechfred
Tag Schuer.
So, ich habe jetzt folgendes geändert:
Sieht's jetzt besser aus?
Siechfred
Sieht's jetzt besser aus?
Ja, alles prima: http://www.fb07.de/temp/steuerwerkstatt_macie_2005-09-08.jpg
Viele Grüße!
_ds
Tag Schuer.
Sieht's jetzt besser aus?
Ja, alles prima: http://www.fb07.de/temp/steuerwerkstatt_macie_2005-09-08.jpg
Freut mich, danke dir für deine Hilfe! Übrigens, es müsste abweichend von https://forum.selfhtml.org/?t=114586&m=732694 so lauten:
/* alle, nur nicht Mac-IE \*/
...
/* ende */
Aber es ist ja nochmal ausführlich auf der verlinkten Seite erklärt :-)
Wie ist eigentlich deine Meinung zur Seite an sich, wenn man fragen darf?
Siechfred
Wie ist eigentlich deine Meinung zur Seite an sich, wenn man fragen darf?
Inhaltlich und technisch überzeugend, optisch allerdings nicht nach meinem Geschmack. Ich kann mittige Einspalter nicht mehr sehen, und das Grün tut mir weh :-)
Dann noch:
Viele Grüße!
_ds
Tag Schuer.
- Die Schrift ist schlecht lesbar (vor allem auf Win-Systemen ohne Schriftglättung)
Ja, ich werde wohl besser wieder auf Verdana oder Arial umschwenken.
- Zeichen- und Zeilenabstand sind zu eng
Das dürfte sich optisch mit einer anderen Schriftart ändern, denke ich.
- die Kreuze unter den Überschriften irritieren mich
Ich finde sie nett :-)
- die Überschriften sind zu groß
Die erster Ordnung oder generell alle?
- Aktuelles und Inhaber sollten in ihrer Position vertauscht werden
Hm, aus welchem Grund?
- der Impressums-Link ist überflüssig (lieber alles im Bereich Kontakt aufführen)
Ich wollte mir noch einen Button übriglassen für größere Artikel, die irgendwann mal veröffentlicht werden sollen, deshalb die Trennung von Impressum und Kontakt :-)
- der Betreff im Kontaktformular ist überflüssig
Der dient u.a. dem Spamschutz.
- die Angabe einer eMail-Addy sollte keine Pflicht sein
Hm, wie anders soll ich sonst mit jemandem Kontakt aufnehmen können?
- Links sind nicht als Links erkennbar
In welchem Bereich?
- Accesskeys samt Kennzeichnung sind unnötig (führen in meinem Fall sogar dazu, dass der eigentliche Inhalt nicht erreichbar ist und ich im Menü feststecke)
Ja, ich denke, dass ich die noch rausnehmen werde.
- Das Menü sollte im Drucklayout ausgeblendet werden
Print-CSS kommt noch :-)
- Das Headerbild ist mir zu klein und gedrängt
Hm ... andere Ideen? Ich hatte es schon mal größer, ging aber zu Lasten des Inhaltsbereichs.
- der Inhalt ist mir zu textlastig (Ich weiß, der Punkt ist schwierig umzusetzen, ohne sinnlose Dekografiken benutzen zu müssen)
Tja, daran wird sich themenbedingt nicht allzuviel ändern lassen :-)
Danke.
Siechfred
Hallo,
- die Angabe einer eMail-Addy sollte keine Pflicht sein
Hm, wie anders soll ich sonst mit jemandem Kontakt aufnehmen können?
Wenn jemand eine Antwort oder eine Reaktion von dir erwartet, wird er/sie wohl aus eigenem Interesse eine Mailadresse angeben. Wenn jemand aber nur einen Kommentar, Hinweis, etc. geben möchte, ist ein Feedback deinerseits nicht zwingend notwendig. Also...
So long,
Martin
Ja, ich werde wohl besser wieder auf Verdana oder Arial umschwenken.
Ich würde dir zu font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; raten. Lucida Grande ist Standard auf OS X, ähnlich der Verdana, aber sehr viel schöner. Und Helvetica ist die "bessere" Mac-Arial, wobei die Unterschiede gering sind.
- die Überschriften sind zu groß
Die erster Ordnung oder generell alle?
Die erster Ordnung. Und eigentlich liebe ich große Schrift, aber in dem Layout wirkt sie beengt. Deshalb würde ich sie verkleinern.
- Aktuelles und Inhaber sollten in ihrer Position vertauscht werden
Hm, aus welchem Grund?
"Aktuelles" drängt dazu, vorne stehen zu wollen. Oft sogar unmittelbar auf der Startseite. In deinem Fall Position zwei, da du eine separate Startseite hast.
- der Betreff im Kontaktformular ist überflüssig
Der dient u.a. dem Spamschutz.
Das bringt aber keinen Nutzen für den User. Ihm ist Spam egal.
- die Angabe einer eMail-Addy sollte keine Pflicht sein
Hm, wie anders soll ich sonst mit jemandem Kontakt aufnehmen können?
Das hat der Martin eben schön erklärt.
In welchem Bereich?
Im gesamten Inhaltsbereich. Sie sind weder unterstrichen noch durch Kontrast hervorgehoben. Die minimale Farbabweichung fällt nicht auf und sollte kein alleiniges Merkmal zur Kennzeichung sein.
- Das Headerbild ist mir zu klein und gedrängt
Hm ... andere Ideen? Ich hatte es schon mal größer, ging aber zu Lasten des Inhaltsbereichs.
Der Inhaltsbereich darf ruhig runterrutschen, finde ich. Insofern würde ich einfach das Bild oben vergrößern, damit die Proportionen angenehmer werden.
Muss aber nicht. Ist nur mein persönlicher Geschmack, und du hast ja schließlich gefragt :-)
Tja, daran wird sich themenbedingt nicht allzuviel ändern lassen :-)
Dennoch würde ich etwa ein Foto von dir erwarten. Und eine schlicht-schicke Anfahrtskarte.
Viele Grüße!
_ds
Tag Schuer.
Ich würde dir zu font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; raten.
Habe ich geändert, Verdana jedenfalls sieht schon besser aus, ich gebe mich geschlagen :-)
- die Überschriften sind zu groß
Die erster Ordnung oder generell alle?
Die erster Ordnung.
Sind runter auf 1.2em, sieht tatsächlich besser aus.
"Aktuelles" drängt dazu, vorne stehen zu wollen. Oft sogar unmittelbar auf der Startseite. In deinem Fall Position zwei, da du eine separate Startseite hast.
Ja, kann ich nachvollziehen.
Im gesamten Inhaltsbereich. Sie sind weder unterstrichen noch durch Kontrast hervorgehoben. Die minimale Farbabweichung fällt nicht auf und sollte kein alleiniges Merkmal zur Kennzeichung sein.
Ähm, die Links im Inhaltsbereich sind sämtlich unterstrichen und mit einem Hover-Effekt versehen. Sollte es da ein browserspezifisches Problem geben?
Dennoch würde ich etwa ein Foto von dir erwarten. Und eine schlicht-schicke Anfahrtskarte.
Derzeit gibt es keine vernünftigen Fotos von mir und eine Anfahrtskizze ist bereits in Auftrag gegeben.
Siechfred
Habe ich geändert, Verdana jedenfalls sieht schon besser aus, ich gebe mich geschlagen :-)
Schau mal, wie nett sich die Lucida Grande macht. Extra als PNG, damit keine Kompressionsartefakte trüben :-)
http://www.fb07.de/temp/steuerwerkstatt_safari_2005-09-08.png (277 kb)
Ähm, die Links im Inhaltsbereich sind sämtlich unterstrichen und mit einem Hover-Effekt versehen. Sollte es da ein browserspezifisches Problem geben?
Stimmt, liegt am Opera. Doch hoffentlich nicht nur an meinem? ;-)
Derzeit gibt es keine vernünftigen Fotos von mir und eine Anfahrtskizze ist bereits in Auftrag gegeben.
Ein Foto kann man ja auch in Auftrag geben ;-) So albern es klingt, aber es ist ungeheuer wichtig für den Erstkontakt auf einer Website.
Viele Grüße!
_ds
Hi,
Schau mal, wie nett sich die Lucida Grande macht. Extra als PNG, damit keine Kompressionsartefakte trüben :-)
http://www.fb07.de/temp/steuerwerkstatt_safari_2005-09-08.png (277 kb)
Waah, schon wieder so einer, der sich die Schrift mutwillig unscharf macht - da werd' ich ja verrückt beim Hinschauen!
Aber wenn's scharf wäre, könnte mir das Schriftbild ganz gut gefallen, ja...
So long,
Martin
Tag Martin.
Waah, schon wieder so einer, der sich die Schrift mutwillig unscharf macht - da werd' ich ja verrückt beim Hinschauen!
Also bei mir hier ist nichts unscharf ...
Siechfred
Hallo,
Waah, schon wieder so einer, der sich die Schrift mutwillig unscharf macht - da werd' ich ja verrückt beim Hinschauen!
Also bei mir hier ist nichts unscharf ...
Doch, sogar hochgradig.
Man nennt es auch Kanten- oder Schriftenglättung.
Viele finden das gut, aber bei mir versucht dann mein Auge permanent, den verwischten Schrifteindruck scharfzustellen - und das geht halt nicht, weil es eben in der Natur dieser Kantenglättung liegt, dass die Konturen etwas verwischt werden.
Nimm mal das von Schuer verlinkte PNG und sieh es dir z.B. bei vierfacher Vergrößerung an. Du wirst kaum eine scharfe Kante finden. Und diesen verwischten Eindruck habe ich eben auch schon in Originalgröße.
Ciao,
Martin
Waah, schon wieder so einer, der sich die Schrift mutwillig unscharf macht - da werd' ich ja verrückt beim Hinschauen!
Dann solltest du Abstand vom Mac halten oder im Notfall die Mindestschriftgröße erhöhen, bis zu der nicht geglättet wird.
Viele Grüße!
_ds
Tag Schuer.
Schau mal, wie nett sich die Lucida Grande macht. Extra als PNG, damit keine Kompressionsartefakte trüben :-)
http://www.fb07.de/temp/steuerwerkstatt_safari_2005-09-08.png (277 kb)
Jepp :-)
Ähm, die Links im Inhaltsbereich sind sämtlich unterstrichen und mit einem Hover-Effekt versehen. Sollte es da ein browserspezifisches Problem geben?
Stimmt, liegt am Opera. Doch hoffentlich nicht nur an meinem? ;-)
Welche Version/welche Plattform ist es denn? Ich hatte mit Opera 7.11 und 8.0 unter WinXP getestet, da war alles so, wie gewünscht.
Ein Foto kann man ja auch in Auftrag geben ;-)
Es ist die gleiche Person, die mir die Anfahrtskizze macht, die sich dazu bereit erklärt hat, ein vernünftiges[tm] Foto von meiner Wenigkeit anzufertigen.
So albern es klingt, aber es ist ungeheuer wichtig für den Erstkontakt auf einer Website.
Klingt keineswegs albern, aber wie gesagt: es fehlt im Moment am Material.
Siechfred
Welche Version/welche Plattform ist es denn? Ich hatte mit Opera 7.11 und 8.0 unter WinXP getestet, da war alles so, wie gewünscht.
Ich habe hier 8.01, sowohl Win als auch Mac. Beide haben das Linkproblem in gleicher Form.
Viele Grüße!
_ds
Tag Schuer.
Welche Version/welche Plattform ist es denn? Ich hatte mit Opera 7.11 und 8.0 unter WinXP getestet, da war alles so, wie gewünscht.
Ich habe hier 8.01, sowohl Win als auch Mac. Beide haben das Linkproblem in gleicher Form.
Das ist in der Tat seltsam, zumal die verwendeten Selektoren "#text a:..." nun weiß Gott nichts außergewöhnliches sind und bei "#news a:..." funktioniert es ja wohl, oder?
Siechfred
Ergänzung:
In http://www.opera.com/docs/specs/opera8/css/index.dml kann ich nichts finden, dass Opera 8 den genannten Selektor nicht unterstützt. Zumal es ja die anderen Browser richtig machen.
Siechfred
Hallo Siechfred,
Habe ich geändert, Verdana jedenfalls sieht schon besser aus, ich gebe mich geschlagen :-)
fein, ist jetzt auch besser lesbar, strengt nicht so an wie Tahoma; die Listenabstände
"Schwerpunkte" sind so übrigens auch angenehmer.
Line-height würde m.E. vielleicht auch z.B. 140% statt 150% reichen, aber so ist es
wohl auch gut.
Grüsse
Cyx23
Hallo Siechfred,
Die Seite Schwerpunkte hat als title "Die Steuerwerkstatt | Inhaber" und der
Link Inhaber führt mich auf die Startseite.
Auf Wiederlesen
Detlef
Tag Detlef.
Die Seite Schwerpunkte hat als title "Die Steuerwerkstatt | Inhaber" und der Link Inhaber führt mich auf die Startseite.
Ups, peinlich :-)
Siechfred
Lieber Siechfred,
ich habe da nochwas für Dich:
Wenn man aus dem Impressum heraus zu "Aktuelles" möchte, dann bekommt man einen 404er... Wahrscheinlich ist das aber nur eine Kleinigkeit.
Liebe Grüße aus Ellwangen,
Felix Riesterer.
Tag Felix.
Wenn man aus dem Impressum heraus zu "Aktuelles" möchte, dann bekommt man einen 404er... Wahrscheinlich ist das aber nur eine Kleinigkeit.
Huch, nochmal peinlich :-) Ich habe es korrigiert.
Siechfred
Tag alle.
Zum Thema Opera:
In der Linkdefinition zu #text a fehlte ein text-decoration:underline und bei #news a war die Zeilenhöhe von 100% kombiniert mit dem float:right wohl zu knapp, um noch Platz für die Unterstreichung zu lassen. Ich habe es geändert, es sollte jetzt also auch im Opera alles so sein, wie es soll.
Wahrscheinlich erwartet Opera explizit die Angabe text-decoration:underline, wenn die Linkformatierung generell angefasst wird. Ändert man das Aussehen nicht, sind die Links auch unterstrichen.
Siechfred
