• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

<input> - <a> css-Problem

Status
Für weitere Antworten geschlossen.

Mars@Gera

Mitglied
Hallo @ all,

ich habe ein kleines Problem und zwar habe ich ein Formular in dem 2 Button´s sind, einmal "Speichern" (input->submit) und ein "zurück" (<a href="">) Button. Beiden habe ich die selbe Class zugewiesen, sehen aber leider nicht identisch von der Größe aus. Kann man dies irgendwie abschaffen? Bild siehe Anhang und CSS-Code hier:

HTML:
.button {
        background-color: #ffffff;
        border: 1px solid #2f5faf;
        margin-top: 1px;
        margin-right: 1px;
        margin-bottom: 1px;
        margin-left: 1px;
        font-weight: bold;
        font-size: 11px;
        color: #2f5faf;
        line-height: 14px;}
 

Anhänge

  • button.JPG
    button.JPG
    2 KB · Aufrufe: 10
Der Zuück-Button ist ein Link und unterscheidet sich vom input-Feld. Da müssen für das Element "a" u.U. noch weitere Formatierungen hinterlegt werden.
 
Ich würd auf fehlendes padding: 0px; beim input-Feld tippen, wobei es schon besser wäre den gesamten Code zu sehen.
 
Hier CSS:
Code:
.button {
        background-color: #ffffff;
        border: 1px solid #2f5faf;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        font-weight: bold;
        font-size: 11px;
        color: #2f5faf;
        line-height: 14px;}

und hier der andere:
HTML:
<td colspan="2" align="center">
                                             <input type="submit" class="button" name="submit" value="Speichern" />
                                            &nbsp;
                                            <a href="index.php?action=adc_user_table" class="button">zur&uuml;ck</a>
                                         </td>

MfG Marcel
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben