2009-08-18 8 views
1

Auf einer Seite meiner ASP.NET MVC-Anwendung habe ich eine Liste von Nachrichten, die dem Benutzer angezeigt wird. Etwas wie folgt aus:Wie kann ich eine Absenden-Schaltfläche neu gestalten?

alt text http://i28.tinypic.com/jg343c.png

die Schließen-Schaltfläche drücken, markiert die Nachricht als auf dem Server lesen, so dass es wieder nicht angezeigt wird. Diese Schaltfläche zum Schließen ist intern eine Eingabe vom Typ "Senden", da ich weiß, dass serverseitige Änderungen von einem Formularpost ausgelöst werden müssen.

Ich möchte dies als kleines "X" in der oberen rechten Ecke des Meldungsfelds anzeigen. Wie kann ich es so stylen? oder gibt es andere bessere Möglichkeiten, es zu tun?

Antwort

2

ein <input type="image" ... />-Tag:

<input type="image" src="/path/to/image.file" alt="Alt text" /> 

Es wird als Submit-Button wirkt, sondern zeigt ein Bild statt.

3

verwenden Sie css.

.as_link { 
    background: transparent; 
    border: none; 
    cursor: pointer; 
    padding: 0px; 
    color: red; 
    float: right; 
    etc... 
} 

Etc.

Edit: gerade wieder lesen Ihre Frage. Verwenden Sie die oben genannten, aber nennen Sie es "x", ich bin mir nicht sicher, dass Sie dies für eine Web-.net-App verwenden werden (wie ich nicht mit dem Weg von .net vertraut bin, aber wenn Sie es sind, wird es funktionieren sonst ignorier mich :))