Home/ Questions/Q 8090753
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T19:49:36+00:00

my problem is the following: This is a part of my HTML-Code: <form method=’GET’

  • 0

my problem is the following:

This is a part of my HTML-Code:

<form method='GET' name='auftragaufgeben' action='AuftragAufgeben'>
    <input  type='submit' name='auftragaufgeben2' value='Auftrag aufgeben'>
    <input type='hidden' name='logged' value='logged'>
</form>

No i want a design for the button with the help of css. This is the code:

a.auftragaufgeben {
display: block;
background-image: url(AuftragAufgeben.png);
width: 467px;
height: 104px;
}

a.auftragaufgeben:hover {
background-image: url(AuftragAufgeben_Hover.png);
}

I found that the declaration of the class in the button tag should work, for example this:

<form method='GET' name='auftragaufgeben' action='AuftragAufgeben'>
<input  class="auftragaufgeben" type='submit' name='auftragaufgeben2' value='Auftrag aufgeben'>
    <input type='hidden' name='logged' value='logged'>
</form>

But this doesn’t change anything.
How can change the layout of the button to the picture i declared in the CSS part?
Or is there another way to start the form when i click the picture?

Kind regards

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    in your css, the code a.auftragaufgeben and a.auftragaufgeben:hover are for styling a link element, not the button.

    try 

    .auftragaufgeben {
    display: block;
    background-image: url(AuftragAufgeben.png);
    width: 467px;
    height: 104px;
}

.auftragaufgeben:hover {
    background-image: url(AuftragAufgeben_Hover.png);
}

    UPDATE

    Your final html code should look like this:

    <html>
    <head>
        <style>
            .auftragaufgeben {
                display: block;
                background-image: url(AuftragAufgeben.png);
                width: 467px;
                height: 104px;
            }
            .auftragaufgeben:hover {
                background-image: url(AuftragAufgeben_Hover.png);
            }
        </style>
    </head>
    <body>
        <form method='GET' name='auftragaufgeben' action='AuftragAufgeben'>
            <input  class="auftragaufgeben" type='submit' name='auftragaufgeben2' value='Auftrag aufgeben'>
            <input type='hidden' name='logged' value='logged'>
        </form>
    </body>
</html>
    • 0