Eydamos: submit-Button mit stylesheet generiertem Bild

Beitrag lesen

Hallo liebe Community,

ich habe auf meiner Homepage für das Menü einen Standard Button ohne jegliche Schrift. Das Menü hat Einträge die wie folgt aussehen:

<h4><a href="mainpage.php?section=news">News</a></h4>

(Zu sehen ist dann die Grafik als Hintergrund des h4 und News als Beschriftung des Buttons. So ist der ganze Button ein Link und ich muss nicht für jeden Menü Punkt einen extra Button erstellen, welcher die Schrift fest drin hat. Ist mir so auch lieber als eine Tabelle mit Button als Hintergrund des td.)

Das dazugehörige Stylesheet sieht so aus:

  
#navi h4  
{  
 background: url(../pics/navi_button.jpg);  
 background-repeat: no-repeat;  
 width: 122px;  
 height: 18px;  
 margin: 2 0 2 10;  
 padding: 5 0 0 5;  
 font-size: 1em;  
}  
  
#navi h4 a  
{  
 text-decoration: none;  
 color: #223F65;  
 height: 18px;  
}  

Nun habe ich mich dazu entschieden, einen Login in meine Seite einzubauen. Und nun kommen wir zu dem Problem, ich möchte nicht den standard Submit Button, sondern meinen Button mit dem Text "Login" als Beschriftung wie bei meinem Menü.

<input type="image"> geht nicht weil ich dann keinen Text darauf habe und ich weiß nicht wie ich im stylesheet diesen dummen submit-Button (type="submit") richtig anspreche um ihm mein Bild zuzuweisen falls dies überhaupt machbar ist.

MfG Eydamos