Beiträge von koslowski

  • Schriftgrösse und Blocksatz mit CSS

    Der Viewport ist der sichtbare Teil der Website im Browserfenster.

    Bei Agenturen und Webdesignern hat sich eine Breite von 950px für das komplette Layout durchgesetzt, d.h. für Inhaltsbereich, sidebar, etc..
    Ein Textcontainer sollte nicht breiter als 500px sein.
    Prozentbreiten sind da nicht unproblematisch. Pixelbreiten für dein Layout sind kein Problem mehr, weil alle wichtigen Browser den Zoom mittlerweile können.

    Zeilenlaufweite ist die Breite einer jeden Zeile. Je größer die Zeilenlaufweite desto größer sind auch die Augenbewegungen von links nach rechts und das wird deshalb immer anstrengender.

    Zeitungen haben z.B. durch die vielen Spalten eine ganz kurze Zeilenlaufweite. So kann man den Inhalt schneller und müheloser erfassen.

    Eine Website soll nicht nur gut ausschauen, der Besucher sollte die Infos auch mühelos erlangen und sich gut zurechtfinden können.
    Gestaltet sich das Lesen der Infos mühevoll ist der Besucher ganz schnell wieder weg, egal wie toll die Website ausschaut.

    Beobachte mal dein eigenes Verhalten, wenn du Websites besuchst. ;)

  • Schriftgrösse und Blocksatz mit CSS

    Zitat von Jörgi


    doch ist mein Ernst. Ich persönlich finde das besser lesbar und habe es auch schon massenhaft auf anderen Sites gesehen.

    ich habe mir die Site jetzt mal angeschaut.
    Abgesehen davon das die Zeilenlaufweite bei meinem Bildschirm (26er) gegen unendlich geht und man dadurch schon ab Mitte der ersten Zeile keine Lust mehr hat weiterzulesen wird das Ganze durch diesen Blocksatz noch verschärft.

    Normal begrenzt man die Breite einer Seite.

    Du hast durch die Site über den ganzen Viewport und den Blocksatz letzlich ein optisch schönes Bild hingestellt. Das wars aber auch schon.
    Die Usability deiner Site ist für Besucher einfach schlecht. Die wollen Infos lesen und kein schönes Bild anschauen. ;)

    Zitat von Jörgi


    Vielen Dank für Deinen Tipp mit 85%.
    Ich sehen aber keine Veränderung der Schrifgrösse wenn ich mir das
    in der Vorschau eines Artikels ansehe.

    Komisch, per Firebug hatte ich kein Problem die Schriftgröße deiner Site zu verändern.
    An deiner Stelle würde ich erst mal diese Inline-Styles entfernen. Sowas ist eigentlich ein Nogo.
    Und deine Textgröße von 14px würde ich auch nicht definieren. Wozu auch, du hast doch schon die Schriftgröße in body angepaßt.

  • Schriftgrösse und Blocksatz mit CSS

    Hi,

    Blocksatz für Websites? Das ist nicht dein Ernst, oder? :roll:

    Dadurch wird der Text viel schlechter lesbar. Darum wird bei Websites i.d.R. auf Blocksatz verzichtet.

    Warum stellst du die Schriftgröße erst auf 76% und dann auf 14px.
    Nimm doch gleich 85%. :wink:

  • Template Fehlerhaft?

    Zitat von sevensenses


    Die Sache mit dem clearen hab ich auf deiner Seite folgendes gefunden:
    Dem umgebenden Element die overflow-Eigenschaft ungleich [size=12][COLOR=#9d0202]overflow:visible;[/COLOR][/SIZE] zuordnen, also [size=12][COLOR=#9d0202]overflow:auto/scroll/hidden;[/COLOR][/SIZE].

    Zitat


    Zitat aus meinem Artikel:
    Es gibt noch eine weitere, leider[size=18][COLOR=Red] nicht[/COLOR][/SIZE] besonders geeignete Methode um Floats einzuschließen, die einem immer wieder mal in diversen Foren entgegengetrötet wird:
    Dem umgebenden Element die overflow-Eigenschaft ungleich overflow:visible; zuordnen, also overflow:auto/scroll/hidden;.
    Ältere Firefox-Versionen, Netscape und auch alte Operas kommen damit überhaupt nicht gut zurecht.

    Wer richtig lesen kann ist klar im Vorteil. ;)

    Füge unmittelbar nach dem Ende der div#sidebar eine hr.clear ein und formatiere entsprechend, dann ist alles okay.

    bgeissler Im Grunde muss er bloß clearen. Mit Firebug kann man das ganz fix prüfen. ;)
    Warum der IE7 das scheinbar richtig macht habe ich ja schon gepostet.

  • Template Fehlerhaft?

    Mahlzeit,

    du floatest aber du clearst nicht. ;)

    Beim IE7 schaut es okay aus, weil der die Floats fälschlicherweise automatisch einschließt, wenn das umgebende Element HasLayout hat.

    Es würde auch nichts schaden dem div.cnt nochmal expliziert die gewünschte Backgroundfarbe mit anzugeben.

  • CSS-Frage wg. unterstrichenen Bilder-Links

    Zitat von dbln

    koslowski:
    Habe es mal mit dem auf der von Dir genannten Seite Zusatz-Attribut

    Code
    !important

    versucht, leider wieder ohne Erfolg.

    ähem..., ich hab doch gar nix von !important gesagt. :roll:

    Wenn es mit id's klappt, mit Klassen aber nicht ist das ein Hinweis das ich mit fehlender Spezifität richtig lag.

    Hol dir Firebug , (deutsches Tut dazu) dann siehst für welche Elemente welche styles gelten und wo die stehen. ;)

  • vermutlich kleine Anpassung in Style.css

    deine Schlagwortwolke wird in der sidebar.php erzeugt.

    Mit dem dort hinterlegten Code für die Schlagwortwolke (wp_tag_cloud) wird der XHTML-Code an den Browser ausgegeben, der ihn interpretiert und in das Bild umsetzt, was du im Browser siehst.

    Welche Elemente dafür zuständig sind kannst du ganz fix mit Firebug rausfinden (deutsches Tut dazu).

    Kenntnisse in XHTML/CSS solltest du aber möglichst haben, wenn du Websites erstellst, damit das für dich nicht in Frust ausartet.

    Diese Kenntnisse kannst du dir z.B. hier aneignen (gibts auch als Buch). :wink:

  • Gravatar ist verschwunden

    Hi Ingo,

    danke für deine Antwort. :smile:

    Nein, im Backend habe ich nichts verändert, da steht es noch auf der Standardeinstellung G.

    Siehst du bei mir auch nur das Standardgravatarlogo?

    Sehr rätselhaft das Ganze.

    edit. Nicht mehr rätselhaft, sondern sehr doof das Ganze.
    Ich habe ausversehen beim Hochladen des neuen Gravatarimage bei confirm auf X gedrückt und nicht auf G. :oops:

    Du hattest vollkommen recht mit deiner Vermutung, Ingo. :oops:

    Naja, jetzt paßt es wieder. :smile:

  • Gravatar ist verschwunden

    Tach zusammen,

    habe WP 2.9.2

    Link siehe meine Signatur!

    Bei gravatar.com habe ich ein neues Gravatarimage hochgeladen und das alte gelöscht.

    Leider wird nun mein Gravatar nicht mehr angezeigt, nur noch das Standardicon.
    Ein neuer Testkommentar brachte auch keine Änderung.

    Eingebunden wird der Gravatar bei mir in der comments.php so:

    PHP
    <p><cite><?php if(function_exists('get_avatar')) { echo get_avatar(get_comment_author_email(), '40', 'http://webdesign-passau.com/wordpress/wp-content/themes/hubspe/images/kommentaricon_klein.gif'); } ?>

    Hat bisher tadellos funktioniert.

    Habe ich etwas übersehen?
    Hat jemand eine Idee woran das liegen könnte?

    Für einen Rat wäre ich euch dankbar. :smile:

  • vermutlich kleine Anpassung in Style.css

    Hi,

    deine Schlagwortwolke ist in einer Liste und dort unter dem Listenpunkt mit der id #tag_cloud-3.

    Das kannst du zur Gestaltung nutzen z.B.:

    HTML
    #sidebar #tag_cloud-3  {
      Eigenschaft :Wert;
}

    Oder über:

    HTML
    #sidebar #tag_cloud-3 div a  {
      Eigenschaft :Wert;
}

    die Abstände der Links zueinander ändern.

    Bei mir hab ich das so gelöst.

    PHP
    <div id="sidebar-tags">
    <h2>Schlagwortwolke</h2>
    <?php wp_tag_cloud('smallest=12&largest=30&unit=px&exclude=19'); ?>
  </div><!-- Ende #sidebar-tags -->

    Erzeugt wird die Wolke mit wp_tag_clouds.
    Über verschiedene Argumente habe ich noch zusätzlich die Erscheinung gesteuert. ;)