Kleine grafisches Problem

    http://www.swiss-paws.com/wordpress/?cat=3

    Wieso werden die kleinen Kreuze da vorn angezeigt, obwohl der Quelltext so generiert wurde:

    PHP
    <p align="center"><img src="http://www.swiss-paws.com/wordpress/wp-content/uploads/2008/03/mini_kreuz.jpg" width="6px" height="6px">Vom <?php the_time('j. F Y') ?><img src="http://www.swiss-paws.com/wordpress/wp-content/uploads/2008/03/mini_kreuz.jpg" width="6px" height="6px"></p>
    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Wegen

    Code
    #contentmiddle p img {
border:medium none;
[COLOR="Green"]float:left;[/COLOR]
margin-bottom:10px;
margin-right:15px;
}


    Zu finden in style.css Zeile 181 UND 249.

    Schnellste Abhilfe schafft hier vermutlich ein inline-Style in den <img>-Elementen:

    HTML
    <img width="6" height="6" src="http://www.swiss-paws.com/wordpress/wp-content/uploads/2008/03/mini_kreuz.jpg" style="float:none"/>

    Das funktioniert nun. Nun ja, aber wieso sehen die Kreuze so dermassen fehl am Platze aus und sind nicht einfach neben der Schrift, wie in der Navigation?

    Dachte beim ersten Problem noch, dass es reichen würde, wenn ich die Kreuze auch ins p align mit reinnehme, bei der Schrift klappte es ja auch, wohl falsch gedacht :mrgreen:

    Edit: Gut, das liegt wohl auch da an der CSS. Wie kann ich das CSS denn auch nur für diese beiden Grafiken "ausschalten"? wäre das dann style="margin-bottom:none"?! Mh, teste ich grad mal.

    Einmal editiert, zuletzt von Ashy (25. April 2008 um 22:46)

    Wenn du mehr CSS-Eigenschaften auf diese Bildchen anwenden willst, dann gib ihnen am besten eine eigene CSS-Klasse mit. Aufgrund der Spezifität von CSS solltest du diese wie folgt deklarieren:

    Code
    #contentmiddle p img.datum {
float:none;
margin:0 8px 2px;
}


    und die Bilder dann natürlich mit der Klassenangabe:

    Code
    <img [COLOR="Green"]class="datum"[/COLOR] width="6" height="6" src="http://www.swiss-paws.com/wordpress/wp-content/uploads/2008/03/mini_kreuz.jpg"/>

    PS: margin:0 - nicht none. Siehe auch CSS 4 You - The Finest in Stylesheets

    Bin glaube ich zu dumm, mal wieder. Habe das abkopiert, aber es geht nicht?

    PHP
    <p align="center"><img class="datum" width="6" height="6" src="http://www.swiss-paws.com/wordpress/wp-content/uploads/2008/03/mini_kreuz.jpg"/>
Vom <?php the_time('j. F Y') ?><img class="datum" width="6" height="6" src="http://www.swiss-paws.com/wordpress/wp-content/uploads/2008/03/mini_kreuz.jpg"/>
</p>

    Und in der CSS-Datei:

    Code
    #contentmiddle p img.datum {
    float:none;
    margin:0 8px 2px;
    }

    Jetzt sind die Kreuzze ganz weg, da kann ich dir natürlich nicht sagen was falsch war. (Möglicherweise war noch die alte CSS-Datei im Browsercache, dahätte vielleicht ein erzwungenenes Neuladen mit Strg+F5 geholfen.)

    Zitat von marX

    Jetzt sind die Kreuzze ganz weg, da kann ich dir natürlich nicht sagen was falsch war. (Möglicherweise war noch die alte CSS-Datei im Browsercache, dahätte vielleicht ein erzwungenenes Neuladen mit Strg+F5 geholfen.)

    Hey

    Also am Cache kann es nicht geegen haben, habe öfters aktualisiert und andere Dinge haben sich auch verändert, mh. Habe mit zwei Browser geschaut (Firefox und Safari). Gehe nun fotografieren, werde mich aber heute Abend nochmals melden und alles einsetzen (nahm alles raus erstmals, sonst hätte ich - für mich - Chaos gehabt :? :mrgreen: )

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden