span class... bitte Hilfe

  • Hallo,
    auf meiner Seite:
    http://www.makro-brief.com
    hab ich ein Drucken Symbol mit Schriftzug eingebunden.

    Ich kenn mich mit span nicht aus und hab das mal so gemacht:

    PHP
    <div class="info">
                    <span class="date"><?php the_time(__('F jS, Y', 'inove')) ?></span>
                    <div class="act">
                                            <span class="print"><img src="http://www.makro-brief.com/wp-admin/images/print.jpg" width="23" height="19" align="middle"><a href="?article2pdf=1">Drucken</a></span>
                        <!--<span class="comments"><?php comments_popup_link(__('No comments', 'inove'), __('1 comment', 'inove'), __('% comments', 'inove')); ?></span>-->
                        <?php edit_post_link(__('Edit', 'inove'), '<span class="editpost">', '</span>'); ?>
                        <div class="fixed"></div>
                    </div>
                    <div class="fixed"></div>
                </div>

    Irgendwie muss ich anscheinend woanders span definieren. Denn den Punkt span print hab ich ja zugefügt. Wo muss das definiert werden bzw. wie kann ich das Printsymbol horizont zentrieren und die Schrift kleinermachen, damit es so wie bei allen anderen Icons dieser Seite aussieht?

    BG Chris :-)

    • 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

  • Das <img>-Element lässt du an der Stelle weg, das kommt in die style.css - zusammen mit deiner neu definierten Klasse. Am besten schaust du dir das dort von der Klasse .date ab. Das Icon solltest du übrigens im Theme-Verzeichnis ablegen, nicht im Adminverzeichnis. Und bringst es vor dem Upload schon mit einem geeigneten Grafikprogramm auf die richtige Größe.

Jetzt mitmachen!

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