+ Antworten
Ergebnis 1 bis 4 von 4

Thema: Icons (Drucken, PDF, E-Mail) im Text - Positionierung

  1. #1
    Neu an Board
    Registriert seit
    07.09.2009
    Beiträge
    52
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Unglücklich Icons (Drucken, PDF, E-Mail) im Text - Positionierung

    Hallo,

    ich habe mir eine joomla-Seite mit dem Template "Grassy" erstellt. Mein Problem besteht darin, dass die Icons für Drucken, PDF und E-Mail teilweise in den Text hineinragen.

    Siehe hier: http://www.tsv1880ruedersdorf.de/min...id=49&Itemid=2

    Bei anderen Seiten der Homepage - siehe vor allem die Beiträge auf der Startseite - ist dies jedoch nicht der Fall. Wie kann das sein und wie kann man dieses Problem beheben?

    Danke und Gruß aktl

  2. #2
    Verbringt hier viel Zeit
    Registriert seit
    28.07.2009
    Beiträge
    866
    Bedankte sich
    20
    Erhielt 192 Danksagungen
    in 188 Beiträgen

    Standard

    Die einfachste, auch wenn nicht die eleganteste Lösung, ist es, in der template.css folgenden Entrag zu erweitern

    Code:
    .buttonheading {
    margin-top: -100px;
    }

  3. Erhielt Danksagungen von:


  4. #3
    Wohnt hier Avatar von chr-hl
    Registriert seit
    28.07.2009
    Ort
    Lübeck
    Beiträge
    3.042
    Bedankte sich
    56
    Erhielt 962 Danksagungen
    in 948 Beiträgen

    Standard

    Hallo,

    Ursache für die unterschiedliche Darstellung ist, das auf die Startseite zuerst
    <p class="buttonheading"> und dann <p class="iteminfo"> kommen.
    im Gegensatz dazu ist bei den einzelnen Beiträgen erst <p class="articleinfo"> und dann <p class="buttonheading"> vorgesehen.
    Durch das "float:right" für .buttonheading fließt bei den Beitragen der Text und nicht die Artikelinfos um die Icons.

    Der Vorschlag von -SBob- muss m.E etwas modifiziert werden, damit er als Workaround geeignet ist. Denn so würden auf der Startseite die Icons verschoben werden, wofür gar kein Bedarf besteht.

    Versuche es einmal mit

    Code:
    #page .buttonheading {margin-top: -60px;}
    Christian
    Konnte ich Dir helfen - dann freut ein Klick auf "Danke" bzw. "Thanks"

    Joomla - FAQs / Dein Joomla-Level / Problem gelöst? Bitte so markieren

  5. Erhielt Danksagungen von:


  6. #4
    Neu an Board
    Registriert seit
    07.09.2009
    Beiträge
    52
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Danke euch beiden!

    Letztlich hat dieses

    .buttonheading {
    float:right;
    }

    #page .buttonheading {margin-top: -60px;}


    zum Erfolg geführt

    Gruß aktl

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein