Question

<div class = 'buttons'>
 <button type="submit" class="regular" name="save">
        <img src="elephant.png" alt=""/>
        Memory
 </button>
</div>

This is the code for a submit button

however when i try validate the form using php, the button does not seem to be submitting

<?php if( isset($_POST['save']) && $_POST['save'])
{
$submit = $_POST['save'];
echo "lol";
}
else
{
echo "lola";

}

Answer 1

As written already your code lacks the wrapping. While submit button as a button might work without the form, then catching the _POST data surely doesnt.

Also, your solution for image-button could be better, maybe something like this:

<style type="text/css">
    input[type="submit"] {background: url('elephant.png') right no-repeat; padding: 10px; padding-left: 30px; font-size: 14px; font-weight: bold;} /* or call this .regular */
</style>
<?
if ($_POST['save']) { // the trigger
    echo '<h1>Cooking with fire now!</h1>';
}
?>
<form method="POST" action="">
    <div class="buttons">
        <input type="submit" name="save" value="Memory" class="regular" />
    </div>
</form>

• Note that class = "buttons" with the spaces, is incorrect syntax!