Anzeige:
Ergebnis 1 bis 3 von 3

Thema: form submit button bild geben über css

  1. #1
    Registrierter Benutzer
    Registriert seit
    14.01.2002
    Beiträge
    657

    form submit button bild geben über css

    Hallo,

    ich stehe vor dem Problem, dass ich ein Formular,
    mithilfe eines elements abschicken muss, welches
    über css sein Aussehen bekommt.

    Zu diesem Aussehen gehört auch ein Hintergrundbild.
    Das Submit Element darf keinen Text anzeigen, sondern
    nur das Bild.

    In Browsern, die kein CSS beherrschen (Textbrowser usw.)
    soll ein Text dazu angezeigt werden, der im (X)HTML Code
    festgelegt ist.

    Hat jemand eine Idee, wie ich das am besten realisiere??

    Wie kann ich es zusätzlich machen, dass man, wenn man über
    das Element geht (mit der Maus), den Text angezeigt bekommt?

    danke Markus

  2. #2
    Registrierter Benutzer
    Registriert seit
    22.08.2002
    Ort
    Nürnberg
    Beiträge
    638
    Schon einmal mit Mit den sogenannten Klick-Buttons probiert? Vielleicht noch mit der herkömlichen Methode kombiniert wegen der Kompatibilität?
    HTML-Code:
    <button id="send-button" type="submit" title="Hier kommt der Test, der angezeigt werden soll, wenn man mit der Maus dar&uuml;ber ist">
        <input id="send" type="submit" name="send" value="send" title="Hier kommt der Test, der angezeigt werden soll, wenn man mit der Maus dar&uuml;ber ist" />
    </button>
    Code:
    #send-button {
        display: block;
        width: (Breite);
        height: (Höhe);
        background: url(/images/send-button.png) middle center no-repeat;
    }
    #send-button input {
        display: none;
    }
    Nur so als Idee. Ich habe es nicht ausprobiert. Aber ich denke, daß es so gehen könnte.

    Pingu
    Homepage: www.pingu.info

  3. #3
    Registrierter Benutzer
    Registriert seit
    14.01.2002
    Beiträge
    657
    wow genau sowas habe ich gesucht.
    danke

Lesezeichen

Berechtigungen

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