Smilies zu hoch / Smilie position

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Smilies zu hoch / Smilie position

    Habe jetzt Smilies in meine Kommentarfunktion eingebaut und klappt auch alles sehr gut mit str_replace.
    Aber die eingefügten Smilies sollten etwas weiter unten sein, also genau in der Mitte von Text. Atm fängt der smilie logischerweise da an, wo auch der Text anfängt, es sieht dadurch aber so aus, als wäre er zu hoch. Kann man den irgendwie mit css etwas nach unten "drücken" ?
    edit// So wie hier im Forum sollte es sein
    Danke im Vorraus

  • #2
    vertical-align oder line-height?
    I don't believe in rebirth. Actually, I never did in my whole lives.

    Kommentar


    • #3
      edit// So wie hier im Forum sollte es sein
      dieses Forum löst es so:
      Code:
      .inlineimg {
      vertical-align:middle;
      }
      Firebug machts möglich

      Kommentar


      • #4
        Zitat von Peacie Beitrag anzeigen
        dieses Forum löst es so:
        Code:
        .inlineimg {
        vertical-align:middle;
        }
        Firebug machts möglich
        Muss ich das in den CSS Code schreiben oder ist das Java Script? Da kenn ich mich nicht so gut aus, bin noch am lernen

        Aber vielen Dank für die Antwort

        Kommentar


        • #5
          Hallo,

          das ist CSS, es geht ja schließlich um's Layout

          Gruß,

          Amica
          [COLOR="DarkSlateGray"]Hast du die [COLOR="DarkSlateGray"]Grundlagen zur Fehlersuche[/color] gelesen? Hast du Code-Tags benutzt?
          Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
          Super, danke!
          [/COLOR]

          Kommentar


          • #6
            Funktioniert perfekt, vielen vielen Dank
            edit// auch wenn ich nicht verstanden hab, was dieses inlineimg ist ^^ Hab einfach vertical-align:middle; in die Smilie div geschrieben.

            Kommentar


            • #7
              Das inlineimg ist eine klasse, die man den bildern zuweist.

              Code:
              <img src="bla.gif" class="inlineimg" alt="Bla" />
              So musst du nur einmal die Klasse "inlineimg" im CSS ändern und es wird automatisch auf alle Element angewandt, die die Klasse besitzen.
              This is what happens when an unstoppable force meets an immovable object.

              Kommentar


              • #8
                Danke für die Erklärung

                Kommentar

                Lädt...
                X