Beiträge von koslowski

    Moin,


    weiß leider nicht woran es liegt , aber die anzeige meiner Seite wird im IE völlig anders angezeigt wie im Mozilla Firefox im Mozilla ist alles wunderbar aber im IE verschiebt sich mein design weiter nach links

    das ist ja auch nicht weiter verwunderlich wenn der Doctype erst in Zeile 28 kommt. :roll:

    So läuft der IE im Quirksmodus und verhält sich wie der IE 5.5.
    Diese alten IE's brauchen text-align:center; für body, um die Site horizontal zu zentrieren.



    und wenn ich auf impressum klicke steht dort
    NOT FOUND
    im Mozilla hingegen klappt alles wunderbar :/

    Bei mir nicht.
    Ich krieg im FF auch die Fehlerseite.

    ich habe dies mittels firebug getestet
    bin da mal leicht irritiert
    lg

    jep, ist mir auch schon so gegangen. :)

    Manchmal lade ich mir deshalb die Seite mit Opera runter, weil das der einzige Browser ist mit dem man das HTML mit allen Bildern und CSS-Dateien speichern kann.


    Mh, ich könnte schwören, ich hab das sicher schon mal irgendwo gelöst, so exotisch ist das Problem ja nun eigentlich nicht. oO



    ist es auch nicht. :)

    Im Prinzip sogar ziemlich einfach:

    Du kannst z.B. entweder den a's der Textlinks oder den a's der img's eine Klasse zuteilen (.borderwech) und dort per Formatierung den unteren Rahmen entfernen:

    HTML
    #content p a.borderwech  {
         border-bottom:none;
    }

    Hi,

    wenn du das in deine CSS schreibst ist der untere Rahmen weg:

    HTML
    #content p a {border-bottom:none; }

    Du hast für a einen unteren Rahmen vergeben und nicht für a img, also kannst du ihn auch nur wieder entfernen wenn du a per CSS ansprichst.

    Es würde somit auch nix nützen wenn du

    HTML
    img,
    a img  {
          border-bottom:0 !very, very, very important;
    }

    schreiben würdest. :mrgreen:
    Ganz einfach weil ein anderes Element den Rahmen bekommen hat und nicht das Bild. :wink:

    Moin,

    vielleicht noch ergänzend:
    Erstmal im Backend unter Einstellungen - Diskussion das Anzeigen der Gravatare grundsätzlich ermöglichen.

    öffne die comments.php deines Themes.
    Dort fügst du das ab <p><cite> folgendes ein:

    PHP
    <?php if(function_exists('get_avatar')) { echo get_avatar(get_comment_author_email(), '24', 'http://deineseite.com/wordpress/wp-content/themes/deintheme/images/kommentaricon_klein.gif'); } ?>

    Falls der Kommentierende einen Gravatar hat, wird der angezeigt.
    Die Größe habe ich mit 24px angegeben und falls derjenige keinen Gravatar hat, wird ein kleiner Standardgravatar angezeigt, den ich mir vorher gebastelt und hochgeladen habe

    Es sollte dann so ausschauen (die Vorzeilen habe ich zur Orientierung dazugeschrieben).:

    PHP
    <ol id="commentlist">
    <?php foreach ($comments as $comment) : ?>
            <li id="comment-<?php comment_ID(); ?>">
            <p><cite><?php if(function_exists('get_avatar')) { echo get_avatar(get_comment_author_email(), '24', 'http://deineseite.com/wordpress/wp-content/themes/deintheme/images/kommentaricon_klein.gif'); } ?>

    Ein Plugin ist imho nicht notwendig

    Ich habe einfach den Code unten im Stylesheet eingefügt. Kenne mich aber nicht aus, ist es egal wo ich ihn einfüge?

    nicht unbedingt.

    HTML
    div.yui-b div.yui-g img  {
       border:3px solid #000;
    }

    So sollte es klappen.

    Hab leider vergessen zu erwähnen das diese Klasse .bilderrahmen dann auch im Quelltext verewigt werden muss.
    Deshalb das Ganze jetzt ohne Klasse.

    hey, vielen dank für die schnelle hilfestellung. aber das hat leider nicht funktioniert :?

    #container {
    background:#ffffff;<img src="http://naturheilpraxis-marketing.de/files/gras2.jpg" alt="Gras" align="center" />;no-repeat; left bottom;
    }

    draus gezaubert aber nüchts passiert :(

    das kann so ja auch nicht gehen.

    Schau dir mal an was ich geschrieben habe und dann was du daraus gemurks... äh..., gemacht hast.

    Das ich #container geschrieben habe war ja nur ein Beispiel. ich weiss ja nicht wie du das Element genannt hast, wo die Grafik rein sollte.

    HTML
    ul.menu {
        width: 1000px;
        margin:0;
        text-align:center;
    }

    das reicht für ul.menue.
    Wg. der Inline-Variante reicht text-align:center um das Menü horizontal zu zentrieren.
    Wenn das Menü etwas nach oben in das Kopfbild verschoben werden soll, reicht ein zusätzliches negatives margin-top für ul.menue.

    position:absolute; ist noch immer überflüssig.

    Habe ich versucht Menü bleibt trotzdem Links.

    das ist ja auch kein Wunder, da das alles umschließende div#wrapper mit den entsprechenden Formatierungen noch immer fehlt.
    Die navi ist immer noch absolut positioniert und hat im Widerspruch dazu auch noch display:inline;.

    Du solltest dich wirklich mit den Grundlagen beschäftigen, damit du weißt was du tust. ;)

    Danke koslowski für die schnelle Antwort wo muss ich denn diese Element (div#wrapper) genau einsetzten, ich kann dir ja hier mal meine Style CSS posten weil ich bin nicht so der CSS Profi leider ;)

    Du mußt in deinem Editor erst die header.php öffnen.
    Dort trägst du unmittelbar nach <body>
    <div id="wrapper"> ein.
    Dann öffnest du die footer.php und trägst dort unmittelbar vor:

    PHP
    <?php wp_footer(); ?>
    HTML
    </div><!-- Ende #wrapper -->


    ein.

    Danach öffnest du die style.css und trägst dort normal ziemleich weit oben ein:

    HTML
    #wrapper  {
        width:1000px;
        margin:0 auto;
    }

    Ich würde aber dann auch diese Angaben aus der style.css löschen:

    HTML
    body  {
         width:1000px;
         margin:0 auto;
    }

    Außerdem wäre ein CSS-Prolog von Vorteil, d.h.
    ganz oben in der style.css folgendes eintragen:

    HTML
    *  {
        padding:0;
        margin:0;
    }

    Damit werden alle Abstände browserübergreifend auf null gesetzt.
    Danach müssen diese natürlich wieder für die Elemente neu definiert werden.


    Wäre super wenn du mir das noch sagen könntest, übringens danke für den Tip mit den 12px Seuche die kannte ich nocht garnicht.

    Das kennen viele Profis nicht mal, wenn ich mir Websites so anschaue.
    Dabei ist es doch eigentlich so einfach und tut überhaupt nicht weh. :mrgreen:


    Und was noch gut wäre wie ich meine Hauptnavigation sprich die obere etwas kleiner Buttons machen kann wäre auch super wenn mir das einer sagen könnte.

    Die Navi gehört völlig anders aufgebaut.
    position:absolute ist völlig unnötig, die mit display:inline; aufzubauen halte ich auch für suboptimal.
    Dabei hast du nicht soviel Kontrolle über die Darstellung.

    Besser ist es die mit Float auszurichten, weil du es dann nur mit Blockelementen zu tun hast.

    Wenn das jetzt böhmische Dörfer für dich waren, wirst du nicht umhin kommen dich mit CSS zu beschäftigen.

    Hier ist ein guter Onlinekurs dazu. ;)

    Hi,

    Elemente werden horizontal zentriert, indem man ihnen eine Breite und margin:0 auto; gibt.

    Gleichmäßige Aufteilungen von horiz. Navis gehen auch mit display:table/table-cell/table-row ( für IE6/7 mit einer inline-block ähnlichen Darstellung).

    Hi,


    ich habe mir gestern eine Photoblog erstellt und dachte mir es wäre schön wenn die Bilder alle einheitlich groß wären. D.h. ich muss die Bilder nicht alle manuell mit width und height versehen sondern das macht das CSS für mich.

    die Abmessungen eines Bildes gehören deshalb in den Quelltext, damit der Browser den Platz dafür schon mal reservieren kann.
    Sonst kann es beim Laden der Seite zu unschönem Gezappel führen, weil die Bilder i.d.R. zuletzt vom Browser geladen werden.


    Meine zweite Frage ist: Wie kann ich es erreichen, dass die Bilder immer in der Mitte des Containers sind. Es gibt ja meines Wissens keinen "center" befehl bzw. float=center, oder? Wie kann es dann Erreichen dass die Bilder in der Mitte sind?

    text-align:center; für den Container in dem das Bild hockt z.B.


    Dritte Frage: Ich würde gerne einen schönen Rahmen um jedes Bild machen. Ich dachte das ginge so:

    HTML
    img {
      padding: 10px;
      border: 5px solid #000;
      margin: 5px;
    }

    Aber aus unerklärlichen Gründen funktioniert das nicht. Irgendwie ignoriert der Browser mein Padding. Wieso?

    Zu geringe Spezifität??

    Ein Link zum Problem wäre gut. ;)