PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : form submit button bild geben über css



msi
20-02-2005, 14:56
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

Pingu
20-02-2005, 17:15
Schon einmal mit Mit den sogenannten Klick-Buttons (http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern) probiert? Vielleicht noch mit der herkömlichen Methode kombiniert wegen der Kompatibilität?

<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>


#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

msi
20-02-2005, 17:27
wow genau sowas habe ich gesucht.
danke